听松阁 My Personal Stack Problems https://agusmakmun.github.io/ Thu, 07 Aug 2025 03:15:05 +0000 Thu, 07 Aug 2025 03:15:05 +0000 Jekyll v3.10.0 宗次郎-故乡的原风景 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>宗次郎-故乡的原风景</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/宗次郎-故乡的原风景.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>宗次郎-故乡的原风景</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011347.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011347.html 精选 精选 庄心妍-走着走着就散了 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>庄心妍-走着走着就散了</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/庄心妍-走着走着就散了.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>庄心妍-走着走着就散了</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011346.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011346.html 精选 精选 庄心妍-再见只是陌生人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>庄心妍-再见只是陌生人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/庄心妍-再见只是陌生人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>庄心妍-再见只是陌生人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011345.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011345.html 精选 精选 庄心妍-以后的以后 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>庄心妍-以后的以后</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/庄心妍-以后的以后.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>庄心妍-以后的以后</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011344.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011344.html 精选 精选 庄心妍-爱囚 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>庄心妍-爱囚</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/庄心妍-爱囚.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>庄心妍-爱囚</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011343.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011343.html 精选 精选 庄心妍、祁隆-一万个舍不得 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>庄心妍、祁隆-一万个舍不得</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/庄心妍、祁隆-一万个舍不得.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>庄心妍、祁隆-一万个舍不得</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011342.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011342.html 精选 精选 周治平-那一场风花雪月的故事 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周治平-那一场风花雪月的故事</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/周治平-那一场风花雪月的故事.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周治平-那一场风花雪月的故事</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011341.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011341.html 精选 精选 周艳泓-要嫁就嫁灰太狼 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周艳泓-要嫁就嫁灰太狼</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/周艳泓-要嫁就嫁灰太狼.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周艳泓-要嫁就嫁灰太狼</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011340.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011340.html 精选 精选 周迅-飘摇 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周迅-飘摇</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/周迅-飘摇.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周迅-飘摇</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011339.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011339.html 精选 精选 周深-最珍贵的你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-最珍贵的你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-最珍贵的你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-最珍贵的你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011338.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011338.html 精选 精选 周深-最好的礼物 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-最好的礼物</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-最好的礼物.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-最好的礼物</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011337.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011337.html 精选 精选 周深-拙慕 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-拙慕</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-拙慕.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-拙慕</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011336.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011336.html 精选 精选 周深-追赶春天的人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-追赶春天的人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-追赶春天的人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-追赶春天的人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011335.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011335.html 精选 精选 周深-祝福 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-祝福</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-祝福.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-祝福</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011334.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011334.html 精选 精选 周深-逐月 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-逐月</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-逐月.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-逐月</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011333.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011333.html 精选 精选 周深-重生 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-重生</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-重生.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-重生</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011332.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011332.html 精选 精选 周深-直破穹苍 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-直破穹苍</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-直破穹苍.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-直破穹苍</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011331.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011331.html 精选 精选 周深-只为真相 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-只为真相</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-只为真相.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-只为真相</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011330.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011330.html 精选 精选 周深-征途 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-征途</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-征途.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-征途</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011329.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011329.html 精选 精选 周深-照耀星河 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-照耀星河</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-照耀星河.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-照耀星河</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011328.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011328.html 精选 精选 周深-在意 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-在意</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-在意.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-在意</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011327.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011327.html 精选 精选 周深-云裳羽衣曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-云裳羽衣曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-云裳羽衣曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-云裳羽衣曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011326.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011326.html 精选 精选 周深-愿得一心人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-愿得一心人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-愿得一心人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-愿得一心人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011325.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011325.html 精选 精选 周深-愿 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-愿</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-愿.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-愿</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011324.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011324.html 精选 精选 周深-缘起 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-缘起</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-缘起.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-缘起</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011323.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011323.html 精选 精选 周深-与卿 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-与卿</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-与卿.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-与卿</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011322.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011322.html 精选 精选 周深-余情 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-余情</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-余情.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-余情</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011321.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011321.html 精选 精选 周深-有我 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-有我</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-有我.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-有我</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011320.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011320.html 精选 精选 周深-勇气 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-勇气</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-勇气.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-勇气</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011319.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011319.html 精选 精选 周深-永恒孤独 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-永恒孤独</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-永恒孤独.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-永恒孤独</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011318.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011318.html 精选 精选 周深-迎刃 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-迎刃</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-迎刃.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-迎刃</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011317.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011317.html 精选 精选 周深-意犹在 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-意犹在</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-意犹在.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-意犹在</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011316.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011316.html 精选 精选 周深-以无旁骛之吻 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-以无旁骛之吻</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-以无旁骛之吻.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-以无旁骛之吻</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011315.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011315.html 精选 精选 周深-一试有成 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-一试有成</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-一试有成.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-一试有成</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011314.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011314.html 精选 精选 周深-一缕执念 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-一缕执念</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-一缕执念.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-一缕执念</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011313.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011313.html 精选 精选 周深-叶子 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-叶子</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-叶子.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-叶子</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011312.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011312.html 精选 精选 周深-也很值得 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-也很值得</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-也很值得.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-也很值得</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011311.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011311.html 精选 精选 周深-要一起 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-要一起</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-要一起.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-要一起</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011310.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011310.html 精选 精选 周深-焰火 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-焰火</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-焰火.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-焰火</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011309.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011309.html 精选 精选 周深-芽 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-芽</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-芽.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-芽</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011308.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011308.html 精选 精选 周深-雪落下的声音(Live) <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-雪落下的声音(Live)</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-雪落下的声音(Live).mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-雪落下的声音(Live)</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011307.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011307.html 精选 精选 周深-悬崖之上 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-悬崖之上</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-悬崖之上.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-悬崖之上</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011306.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011306.html 精选 精选 周深-星鱼 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-星鱼</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-星鱼.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-星鱼</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011305.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011305.html 精选 精选 周深-心归处是吾乡 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-心归处是吾乡</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-心归处是吾乡.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-心归处是吾乡</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011304.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011304.html 精选 精选 周深-小幸运 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-小幸运</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-小幸运.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-小幸运</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011303.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011303.html 精选 精选 周深-小舍得 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-小舍得</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-小舍得.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-小舍得</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011302.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011302.html 精选 精选 周深-小美满 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-小美满</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-小美满.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-小美满</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011301.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011301.html 精选 精选 周深-像鸟儿一样 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-像鸟儿一样</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-像鸟儿一样.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-像鸟儿一样</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011300.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011300.html 精选 精选 周深-向光而行 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-向光而行</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-向光而行.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-向光而行</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011299.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011299.html 精选 精选 周深-相守 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-相守</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-相守.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-相守</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011298.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011298.html 精选 精选 周深-夏日友晴天 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-夏日友晴天</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-夏日友晴天.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-夏日友晴天</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011297.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011297.html 精选 精选 周深-无所畏惧 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-无所畏惧</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-无所畏惧.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-无所畏惧</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011296.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011296.html 精选 精选 周深-无疾而终 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-无疾而终</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-无疾而终.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-无疾而终</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011295.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011295.html 精选 精选 周深-无关 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-无关</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-无关.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-无关</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011294.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011294.html 精选 精选 周深-我在这 挺好的 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-我在这 挺好的</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-我在这 挺好的.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-我在这 挺好的</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011293.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011293.html 精选 精选 周深-我是你的谁 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-我是你的谁</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-我是你的谁.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-我是你的谁</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011292.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011292.html 精选 精选 周深-我的答案 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-我的答案</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-我的答案.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-我的答案</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011291.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011291.html 精选 精选 周深-问花 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-问花</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-问花.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-问花</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011290.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011290.html 精选 精选 周深-为爱追寻 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-为爱追寻</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-为爱追寻.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-为爱追寻</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011289.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011289.html 精选 精选 周深-微光海洋 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-微光海洋</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-微光海洋.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-微光海洋</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011288.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011288.html 精选 精选 周深-威凤吟 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-威凤吟</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-威凤吟.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-威凤吟</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011287.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011287.html 精选 精选 周深-万里挑一 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-万里挑一</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-万里挑一.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-万里挑一</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011286.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011286.html 精选 精选 周深-蜕 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-蜕</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-蜕.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-蜕</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011285.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011285.html 精选 精选 周深-瞳(出类拔萃) <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-瞳(出类拔萃)</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-瞳(出类拔萃).mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-瞳(出类拔萃)</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011284.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011284.html 精选 精选 周深-同行同往 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-同行同往</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-同行同往.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-同行同往</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011283.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011283.html 精选 精选 周深-跳舞的月光 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-跳舞的月光</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-跳舞的月光.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-跳舞的月光</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011282.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011282.html 精选 精选 周深-田埂五月风 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-田埂五月风</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-田埂五月风.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-田埂五月风</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011281.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011281.html 精选 精选 周深-天地为念 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-天地为念</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-天地为念.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-天地为念</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011280.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011280.html 精选 精选 周深-她 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-她</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-她.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-她</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011279.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011279.html 精选 精选 周深-随风 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-随风</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-随风.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-随风</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011278.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011278.html 精选 精选 周深-斯卡布罗集市(2018声入人心现场) <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-斯卡布罗集市(2018声入人心现场)</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-斯卡布罗集市(2018声入人心现场).mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-斯卡布罗集市(2018声入人心现场)</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011277.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011277.html 精选 精选 周深-说声你好 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-说声你好</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-说声你好.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-说声你好</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011276.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011276.html 精选 精选 周深-睡个好觉 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-睡个好觉</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-睡个好觉.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-睡个好觉</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011275.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011275.html 精选 精选 周深-水形物语 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-水形物语</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-水形物语.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-水形物语</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011274.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011274.html 精选 精选 周深-时间之海 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-时间之海</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-时间之海.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-时间之海</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011273.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011273.html 精选 精选 周深-身骑白马 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-身骑白马</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-身骑白马.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-身骑白马</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011272.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011272.html 精选 精选 周深-若思念便思念 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-若思念便思念</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-若思念便思念.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-若思念便思念</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011271.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011271.html 精选 精选 周深-若梦 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-若梦</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-若梦.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-若梦</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011270.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011270.html 精选 精选 周深-如许 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-如许</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-如许.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-如许</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011269.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011269.html 精选 精选 周深-人是_ <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-人是_</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-人是_.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-人是_</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011268.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011268.html 精选 精选 周深-人间星河 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-人间星河</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-人间星河.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-人间星河</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011267.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011267.html 精选 精选 周深-请带着浪漫远航 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-请带着浪漫远航</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-请带着浪漫远航.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-请带着浪漫远航</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011266.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011266.html 精选 精选 周深-情意结 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-情意结</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-情意结.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-情意结</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011265.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011265.html 精选 精选 周深-情是何物 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-情是何物</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-情是何物.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-情是何物</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011264.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011264.html 精选 精选 周深-情不由衷 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-情不由衷</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-情不由衷.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-情不由衷</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011263.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011263.html 精选 精选 周深-亲爱的旅人啊 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-亲爱的旅人啊</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-亲爱的旅人啊.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-亲爱的旅人啊</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011262.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011262.html 精选 精选 周深-浅浅 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-浅浅</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-浅浅.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-浅浅</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011261.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011261.html 精选 精选 周深-起风了 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-起风了</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-起风了.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-起风了</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011260.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011260.html 精选 精选 周深-启示 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-启示</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-启示.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-启示</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011259.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011259.html 精选 精选 周深-浓情淡如你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-浓情淡如你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-浓情淡如你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-浓情淡如你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011258.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011258.html 精选 精选 周深-念归去 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-念归去</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-念归去.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-念归去</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011257.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011257.html 精选 精选 周深-念 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-念</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-念.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-念</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011256.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011256.html 精选 精选 周深-年轮(Live) <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-年轮(Live)</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-年轮(Live).mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-年轮(Live)</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011255.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011255.html 精选 精选 周深-妳 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-妳</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-妳.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-妳</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011254.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011254.html 精选 精选 周深-你是我的城 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-你是我的城</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-你是我的城.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-你是我的城</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011253.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011253.html 精选 精选 周深-你的样子 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-你的样子</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-你的样子.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-你的样子</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011252.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011252.html 精选 精选 周深-明月传说 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-明月传说</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-明月传说.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-明月传说</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011251.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011251.html 精选 精选 周深-明天的世界更美好 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-明天的世界更美好</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-明天的世界更美好.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-明天的世界更美好</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011250.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011250.html 精选 精选 周深-明明 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-明明</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-明明.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-明明</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011249.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011249.html 精选 精选 周深-梦想指路 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-梦想指路</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-梦想指路.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-梦想指路</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011248.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011248.html 精选 精选 周深-梦想的远征 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-梦想的远征</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-梦想的远征.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-梦想的远征</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011247.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011247.html 精选 精选 周深-梦留别 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-梦留别</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-梦留别.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-梦留别</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011246.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011246.html 精选 精选 周深-梦回神都 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-梦回神都</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-梦回神都.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-梦回神都</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011245.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011245.html 精选 精选 周深-美好的世界 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-美好的世界</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-美好的世界.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-美好的世界</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011244.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011244.html 精选 精选 周深-美错 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-美错</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-美错.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-美错</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011243.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011243.html 精选 精选 周深-梅香如故(独唱版) <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-梅香如故(独唱版)</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-梅香如故(独唱版).mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-梅香如故(独唱版)</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011242.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011242.html 精选 精选 周深-玫瑰与小鹿 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-玫瑰与小鹿</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-玫瑰与小鹿.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-玫瑰与小鹿</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011241.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011241.html 精选 精选 周深-没有说完的故事 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-没有说完的故事</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-没有说完的故事.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-没有说完的故事</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011240.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011240.html 精选 精选 周深-落花 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-落花</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-落花.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-落花</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011239.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011239.html 精选 精选 周深-流光 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-流光</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-流光.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-流光</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011238.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011238.html 精选 精选 周深-铃芽之旅 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-铃芽之旅</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-铃芽之旅.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-铃芽之旅</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011237.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011237.html 精选 精选 周深-临安初雨 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-临安初雨</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-临安初雨.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-临安初雨</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011236.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011236.html 精选 精选 周深-蓝色降落伞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-蓝色降落伞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-蓝色降落伞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-蓝色降落伞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011235.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011235.html 精选 精选 周深-来不及勇敢 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-来不及勇敢</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-来不及勇敢.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-来不及勇敢</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011234.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011234.html 精选 精选 周深-垃圾别烦我 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-垃圾别烦我</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-垃圾别烦我.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-垃圾别烦我</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011233.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011233.html 精选 精选 周深-渴望遇见 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-渴望遇见</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-渴望遇见.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-渴望遇见</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011232.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011232.html 精选 精选 周深-渴望遇见(情感版) <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-渴望遇见(情感版)</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-渴望遇见(情感版).mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-渴望遇见(情感版)</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011231.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011231.html 精选 精选 周深-可它爱着这个世界 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-可它爱着这个世界</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-可它爱着这个世界.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-可它爱着这个世界</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011230.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011230.html 精选 精选 周深-可梦 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-可梦</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-可梦.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-可梦</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011229.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011229.html 精选 精选 周深-卡布叻船长 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-卡布叻船长</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-卡布叻船长.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-卡布叻船长</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011228.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011228.html 精选 精选 周深-玦恋 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-玦恋</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-玦恋.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-玦恋</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011227.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011227.html 精选 精选 周深-卷珠帘 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-卷珠帘</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-卷珠帘.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-卷珠帘</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011226.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011226.html 精选 精选 周深-借给我一盒火柴 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-借给我一盒火柴</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-借给我一盒火柴.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-借给我一盒火柴</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011225.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011225.html 精选 精选 周深-鲛人之歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-鲛人之歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-鲛人之歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-鲛人之歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011224.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011224.html 精选 精选 周深-交换 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-交换</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-交换.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-交换</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011223.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011223.html 精选 精选 周深-江湖觅知音 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-江湖觅知音</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-江湖觅知音.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-江湖觅知音</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011222.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011222.html 精选 精选 周深-茧 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-茧</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-茧.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-茧</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011221.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011221.html 精选 精选 周深-回声 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-回声</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-回声.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-回声</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011220.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011220.html 精选 精选 周深-回到你身边 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-回到你身边</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-回到你身边.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-回到你身边</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011219.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011219.html 精选 精选 周深-荒原星火 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-荒原星火</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-荒原星火.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-荒原星火</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011218.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011218.html 精选 精选 周深-荒城渡 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-荒城渡</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-荒城渡.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-荒城渡</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011217.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011217.html 精选 精选 周深-欢颜 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-欢颜</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-欢颜.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-欢颜</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011216.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011216.html 精选 精选 周深-画绢 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-画绢</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-画绢.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-画绢</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011215.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011215.html 精选 精选 周深-化身孤岛的鲸 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-化身孤岛的鲸</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-化身孤岛的鲸.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-化身孤岛的鲸</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011214.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011214.html 精选 精选 周深-花西子 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-花西子</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-花西子.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-花西子</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011213.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011213.html 精选 精选 周深-花开 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-花开</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-花开.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-花开</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011212.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011212.html 精选 精选 周深-后来没有你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-后来没有你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-后来没有你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-后来没有你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011211.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011211.html 精选 精选 周深-和光同春 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-和光同春</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-和光同春.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-和光同春</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011210.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011210.html 精选 精选 周深-和光同尘 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-和光同尘</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-和光同尘.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-和光同尘</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011209.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011209.html 精选 精选 周深-好好生活就是美好生活 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-好好生活就是美好生活</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-好好生活就是美好生活.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-好好生活就是美好生活</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011208.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011208.html 精选 精选 周深-好好 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-好好</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-好好.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-好好</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011207.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011207.html 精选 精选 周深-海上蝶 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-海上蝶</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-海上蝶.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-海上蝶</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011206.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011206.html 精选 精选 周深-海藏 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-海藏</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-海藏.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-海藏</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011205.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011205.html 精选 精选 周深-过尽千帆 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-过尽千帆</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-过尽千帆.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-过尽千帆</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011204.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011204.html 精选 精选 周深-归处 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-归处</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-归处.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-归处</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011203.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011203.html 精选 精选 周深-光字片 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-光字片</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-光字片.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-光字片</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011202.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011202.html 精选 精选 周深-光亮 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-光亮</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-光亮.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-光亮</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011201.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011201.html 精选 精选 周深-哥哥 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-哥哥</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-哥哥.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-哥哥</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011200.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011200.html 精选 精选 周深-浮游 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-浮游</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-浮游.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-浮游</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011199.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011199.html 精选 精选 周深-风筝是风的信 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-风筝是风的信</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-风筝是风的信.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-风筝是风的信</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011198.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011198.html 精选 精选 周深-风起流年 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-风起流年</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-风起流年.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-风起流年</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011197.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011197.html 精选 精选 周深-风景 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-风景</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-风景.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-风景</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011196.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011196.html 精选 精选 周深-放心去飞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-放心去飞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-放心去飞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-放心去飞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011195.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011195.html 精选 精选 周深-放鹤图 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-放鹤图</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-放鹤图.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-放鹤图</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011194.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011194.html 精选 精选 周深-繁星璀璨的天空 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-繁星璀璨的天空</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-繁星璀璨的天空.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-繁星璀璨的天空</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011193.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011193.html 精选 精选 周深-独白 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-独白</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-独白.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-独白</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011192.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011192.html 精选 精选 周深-东游 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-东游</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-东游.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-东游</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011191.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011191.html 精选 精选 周深-等着我 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-等着我</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-等着我.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-等着我</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011190.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011190.html 精选 精选 周深-胆小鬼 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-胆小鬼</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-胆小鬼.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-胆小鬼</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011189.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011189.html 精选 精选 周深-大鱼 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-大鱼</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-大鱼.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-大鱼</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011188.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011188.html 精选 精选 周深-达拉崩吧(Live) <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-达拉崩吧(Live)</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-达拉崩吧(Live).mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-达拉崩吧(Live)</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011187.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011187.html 精选 精选 周深-璀璨冒险人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-璀璨冒险人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-璀璨冒险人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-璀璨冒险人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011186.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011186.html 精选 精选 周深-此生惟你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-此生惟你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-此生惟你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-此生惟你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011185.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011185.html 精选 精选 周深-传家 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-传家</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-传家.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-传家</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011184.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011184.html 精选 精选 周深-触不可及 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-触不可及</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-触不可及.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-触不可及</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011183.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011183.html 精选 精选 周深-出场 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-出场</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-出场.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-出场</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011182.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011182.html 精选 精选 周深-超级玩家 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-超级玩家</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-超级玩家.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-超级玩家</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011181.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011181.html 精选 精选 周深-曾经沧海 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-曾经沧海</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-曾经沧海.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-曾经沧海</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011180.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011180.html 精选 精选 周深-不再流浪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-不再流浪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-不再流浪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-不再流浪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011179.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011179.html 精选 精选 周深-不说话 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-不说话</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-不说话.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-不说话</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011178.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011178.html 精选 精选 周深-彼岸花 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-彼岸花</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-彼岸花.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-彼岸花</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011177.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011177.html 精选 精选 周深-奔向你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-奔向你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-奔向你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-奔向你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011176.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011176.html 精选 精选 周深-白墙 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-白墙</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-白墙.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-白墙</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011175.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011175.html 精选 精选 周深-My Only <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-My Only</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-My Only.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-My Only</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011174.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011174.html 精选 精选 周深-Monsters <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-Monsters</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-Monsters.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-Monsters</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011173.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011173.html 精选 精选 周深-LetItGo(九语男版) <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-LetItGo(九语男版)</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-LetItGo(九语男版).mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-LetItGo(九语男版)</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011172.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011172.html 精选 精选 周深-I See Us <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深-I See Us</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深-I See Us.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深-I See Us</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011171.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011171.html 精选 精选 周深、于文文-暗香(Live) <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深、于文文-暗香(Live)</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深、于文文-暗香(Live).mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深、于文文-暗香(Live)</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011170.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011170.html 精选 精选 周深、王者荣耀-祈愿山海 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深、王者荣耀-祈愿山海</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深、王者荣耀-祈愿山海.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深、王者荣耀-祈愿山海</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011169.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011169.html 精选 精选 周深、王者荣耀-很高兴遇见你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深、王者荣耀-很高兴遇见你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深、王者荣耀-很高兴遇见你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深、王者荣耀-很高兴遇见你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011168.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011168.html 精选 精选 周深、陆虎-缘落 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深、陆虎-缘落</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深、陆虎-缘落.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深、陆虎-缘落</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011167.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011167.html 精选 精选 周深、李维-请跟我来 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深、李维-请跟我来</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深、李维-请跟我来.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深、李维-请跟我来</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011166.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011166.html 精选 精选 周深、李维-偶然 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深、李维-偶然</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深、李维-偶然.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深、李维-偶然</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011165.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011165.html 精选 精选 周深、李琦-你要的爱(Live) <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深、李琦-你要的爱(Live)</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深、李琦-你要的爱(Live).mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深、李琦-你要的爱(Live)</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011164.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011164.html 精选 精选 周深、郎朗-幽灵公主(Live) <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深、郎朗-幽灵公主(Live)</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深、郎朗-幽灵公主(Live).mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深、郎朗-幽灵公主(Live)</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011163.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011163.html 精选 精选 周深、胡夏-天涯尽处 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周深、胡夏-天涯尽处</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/周深/周深、胡夏-天涯尽处.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周深、胡夏-天涯尽处</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011162.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011162.html 精选 精选 周杰伦-青花瓷 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周杰伦-青花瓷</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/周杰伦-青花瓷.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周杰伦-青花瓷</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011161.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011161.html 精选 精选 周杰伦-七里香 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周杰伦-七里香</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/周杰伦-七里香.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周杰伦-七里香</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011160.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011160.html 精选 精选 周杰伦-龙卷风 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周杰伦-龙卷风</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/周杰伦-龙卷风.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周杰伦-龙卷风</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011159.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011159.html 精选 精选 周杰伦-菊花台 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周杰伦-菊花台</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/周杰伦-菊花台.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周杰伦-菊花台</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011158.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011158.html 精选 精选 周杰伦-红尘客栈 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周杰伦-红尘客栈</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/周杰伦-红尘客栈.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周杰伦-红尘客栈</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011157.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011157.html 精选 精选 周杰伦-告白气球 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周杰伦-告白气球</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/周杰伦-告白气球.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周杰伦-告白气球</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011156.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011156.html 精选 精选 周杰伦-东风破 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周杰伦-东风破</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/周杰伦-东风破.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周杰伦-东风破</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011155.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011155.html 精选 精选 周杰伦-稻香 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周杰伦-稻香</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/周杰伦-稻香.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周杰伦-稻香</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011154.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011154.html 精选 精选 周杰伦、温岚-屋顶 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周杰伦、温岚-屋顶</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/周杰伦、温岚-屋顶.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周杰伦、温岚-屋顶</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011153.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011153.html 精选 精选 周杰伦、费玉清-千里之外 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周杰伦、费玉清-千里之外</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/周杰伦、费玉清-千里之外.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周杰伦、费玉清-千里之外</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011152.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011152.html 精选 精选 周蕙-约定 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周蕙-约定</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/周蕙-约定.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周蕙-约定</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011151.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011151.html 精选 精选 周蕙-相遇太早 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周蕙-相遇太早</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/周蕙-相遇太早.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周蕙-相遇太早</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011150.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011150.html 精选 精选 周蕙-我看 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周蕙-我看</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/周蕙-我看.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周蕙-我看</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011149.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011149.html 精选 精选 周蕙-没有你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周蕙-没有你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/周蕙-没有你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周蕙-没有你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011148.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011148.html 精选 精选 周蕙-好想好好爱你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周蕙-好想好好爱你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/周蕙-好想好好爱你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周蕙-好想好好爱你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011147.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011147.html 精选 精选 周蕙-风铃 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周蕙-风铃</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/周蕙-风铃.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周蕙-风铃</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011146.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011146.html 精选 精选 周蕙-不想让你知道 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周蕙-不想让你知道</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/周蕙-不想让你知道.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周蕙-不想让你知道</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011145.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011145.html 精选 精选 周华健-朋友 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周华健-朋友</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/周华健-朋友.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周华健-朋友</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011144.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011144.html 精选 精选 周华健-难念的经 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周华健-难念的经</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/周华健-难念的经.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周华健-难念的经</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011143.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011143.html 精选 精选 周华健-覆水难收 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周华健-覆水难收</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/周华健-覆水难收.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周华健-覆水难收</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011142.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011142.html 精选 精选 周华健-风雨无阻 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周华健-风雨无阻</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/周华健-风雨无阻.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周华健-风雨无阻</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011141.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011141.html 精选 精选 周华健-刀剑如梦 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周华健-刀剑如梦</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/周华健-刀剑如梦.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周华健-刀剑如梦</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011140.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011140.html 精选 精选 周华健、齐豫-天下有情人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周华健、齐豫-天下有情人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/周华健、齐豫-天下有情人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周华健、齐豫-天下有情人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011139.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011139.html 精选 精选 周华健、齐豫-神话情话 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周华健、齐豫-神话情话</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/周华健、齐豫-神话情话.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周华健、齐豫-神话情话</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011138.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011138.html 精选 精选 周传雄-我的心太乱 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周传雄-我的心太乱</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/周传雄-我的心太乱.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周传雄-我的心太乱</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011137.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011137.html 精选 精选 周传雄-黄昏 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周传雄-黄昏</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/周传雄-黄昏.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周传雄-黄昏</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011136.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011136.html 精选 精选 周冰倩-真的好想你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周冰倩-真的好想你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/周冰倩-真的好想你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周冰倩-真的好想你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011135.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011135.html 精选 精选 周笔畅-笔记 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>周笔畅-笔记</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/周笔畅-笔记.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>周笔畅-笔记</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011134.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011134.html 精选 精选 钟镇涛-只要你过得比我好 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>钟镇涛-只要你过得比我好</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/钟镇涛-只要你过得比我好.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>钟镇涛-只要你过得比我好</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011133.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011133.html 精选 精选 中岛美嘉-雪華 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>中岛美嘉-雪華</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/中岛美嘉-雪華.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>中岛美嘉-雪華</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011132.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011132.html 精选 精选 指尖笑-不问别离 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>指尖笑-不问别离</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/指尖笑-不问别离.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>指尖笑-不问别离</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011131.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011131.html 精选 精选 指尖笑-不问ciaga(不问别离) <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>指尖笑-不问ciaga(不问别离)</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/指尖笑-不问ciaga(不问别离).mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>指尖笑-不问ciaga(不问别离)</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011130.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011130.html 精选 精选 郑智化-星星点灯 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>郑智化-星星点灯</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/郑智化-星星点灯.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>郑智化-星星点灯</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011129.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011129.html 精选 精选 郑智化-水手 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>郑智化-水手</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/郑智化-水手.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>郑智化-水手</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011128.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011128.html 精选 精选 郑源-怎么会狠心伤害我 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>郑源-怎么会狠心伤害我</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/郑源-怎么会狠心伤害我.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>郑源-怎么会狠心伤害我</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011127.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011127.html 精选 精选 郑源-寒江雪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>郑源-寒江雪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/郑源-寒江雪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>郑源-寒江雪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011126.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011126.html 精选 精选 郑源-包容 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>郑源-包容</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/郑源-包容.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>郑源-包容</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011125.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011125.html 精选 精选 郑伊健-友情岁月 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>郑伊健-友情岁月</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/郑伊健-友情岁月.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>郑伊健-友情岁月</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011124.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011124.html 精选 精选 郑伊健-虫儿飞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>郑伊健-虫儿飞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/郑伊健-虫儿飞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>郑伊健-虫儿飞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011123.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011123.html 精选 精选 郑秀文-眉飞色舞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>郑秀文-眉飞色舞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/郑秀文-眉飞色舞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>郑秀文-眉飞色舞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011122.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011122.html 精选 精选 郑秀文-独家试唱 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>郑秀文-独家试唱</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/郑秀文-独家试唱.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>郑秀文-独家试唱</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011121.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011121.html 精选 精选 郑钧-回到拉萨 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>郑钧-回到拉萨</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/郑钧-回到拉萨.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>郑钧-回到拉萨</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011120.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011120.html 精选 精选 郑钧-灰姑娘 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>郑钧-灰姑娘</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/郑钧-灰姑娘.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>郑钧-灰姑娘</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011119.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011119.html 精选 精选 甄妮-我曾用心爱着你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>甄妮-我曾用心爱着你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/甄妮-我曾用心爱着你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>甄妮-我曾用心爱着你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011118.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011118.html 精选 精选 甄妮-鲁冰花 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>甄妮-鲁冰花</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/甄妮-鲁冰花.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>甄妮-鲁冰花</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011117.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011117.html 精选 精选 赵咏华-最浪漫的事 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>赵咏华-最浪漫的事</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/赵咏华-最浪漫的事.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>赵咏华-最浪漫的事</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011116.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011116.html 精选 精选 赵英俊-大王叫我来巡山 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>赵英俊-大王叫我来巡山</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/赵英俊-大王叫我来巡山.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>赵英俊-大王叫我来巡山</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011115.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011115.html 精选 精选 赵薇-情深深雨濛濛 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>赵薇-情深深雨濛濛</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/赵薇-情深深雨濛濛.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>赵薇-情深深雨濛濛</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011114.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011114.html 精选 精选 赵薇-好想好想 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>赵薇-好想好想</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/赵薇-好想好想.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>赵薇-好想好想</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011113.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011113.html 精选 精选 赵薇-爱情大魔咒 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>赵薇-爱情大魔咒</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/赵薇-爱情大魔咒.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>赵薇-爱情大魔咒</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011112.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011112.html 精选 精选 赵露思-时光话 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>赵露思-时光话</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/赵露思-时光话.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>赵露思-时光话</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011111.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011111.html 精选 精选 赵雷-成都 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>赵雷-成都</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/赵雷-成都.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>赵雷-成都</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011110.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011110.html 精选 精选 赵方婧-直觉 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>赵方婧-直觉</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/赵方婧-直觉.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>赵方婧-直觉</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011109.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011109.html 精选 精选 赵方婧-小暑 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>赵方婧-小暑</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/赵方婧-小暑.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>赵方婧-小暑</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011108.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011108.html 精选 精选 赵方婧-瑞鹤仙 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>赵方婧-瑞鹤仙</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/赵方婧-瑞鹤仙.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>赵方婧-瑞鹤仙</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011107.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011107.html 精选 精选 赵方婧-青灯 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>赵方婧-青灯</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/赵方婧-青灯.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>赵方婧-青灯</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011106.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011106.html 精选 精选 赵方婧-芒种 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>赵方婧-芒种</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/赵方婧-芒种.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>赵方婧-芒种</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011105.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011105.html 精选 精选 赵方婧-尽头 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>赵方婧-尽头</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/赵方婧-尽头.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>赵方婧-尽头</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011104.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011104.html 精选 精选 赵方婧-闭月 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>赵方婧-闭月</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/赵方婧-闭月.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>赵方婧-闭月</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011103.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011103.html 精选 精选 赵传-我是一只小小鸟 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>赵传-我是一只小小鸟</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/赵传-我是一只小小鸟.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>赵传-我是一只小小鸟</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011102.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011102.html 精选 精选 赵传-我很丑可是我很温柔 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>赵传-我很丑可是我很温柔</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/赵传-我很丑可是我很温柔.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>赵传-我很丑可是我很温柔</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011101.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011101.html 精选 精选 张芸京-偏爱 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张芸京-偏爱</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张芸京-偏爱.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张芸京-偏爱</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011100.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011100.html 精选 精选 张芸京-春泥 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张芸京-春泥</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张芸京-春泥.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张芸京-春泥</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011099.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011099.html 精选 精选 张云雷-探清水河 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张云雷-探清水河</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张云雷-探清水河.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张云雷-探清水河</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011098.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011098.html 精选 精选 张雨生-一天到晚游泳的鱼 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张雨生-一天到晚游泳的鱼</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张雨生-一天到晚游泳的鱼.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张雨生-一天到晚游泳的鱼</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011097.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011097.html 精选 精选 张雨生-我的未来不是梦 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张雨生-我的未来不是梦</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张雨生-我的未来不是梦.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张雨生-我的未来不是梦</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011096.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011096.html 精选 精选 张雨生-大海 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张雨生-大海</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张雨生-大海.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张雨生-大海</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011095.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011095.html 精选 精选 张宇-月亮惹的祸 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张宇-月亮惹的祸</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张宇-月亮惹的祸.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张宇-月亮惹的祸</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011094.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011094.html 精选 精选 张宇-雨一直下 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张宇-雨一直下</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张宇-雨一直下.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张宇-雨一直下</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011093.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011093.html 精选 精选 张宇-一言难尽 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张宇-一言难尽</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张宇-一言难尽.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张宇-一言难尽</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011092.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011092.html 精选 精选 张学友-只愿一生爱一人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张学友-只愿一生爱一人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张学友-只愿一生爱一人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张学友-只愿一生爱一人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011091.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011091.html 精选 精选 张学友-只想一生跟你走 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张学友-只想一生跟你走</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张学友-只想一生跟你走.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张学友-只想一生跟你走</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011090.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011090.html 精选 精选 张学友-一千个伤心的理由 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张学友-一千个伤心的理由</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张学友-一千个伤心的理由.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张学友-一千个伤心的理由</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011089.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011089.html 精选 精选 张学友-一路上有你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张学友-一路上有你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张学友-一路上有你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张学友-一路上有你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011088.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011088.html 精选 精选 张学友-心如刀割 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张学友-心如刀割</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张学友-心如刀割.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张学友-心如刀割</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011087.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011087.html 精选 精选 张学友-我等到花儿也谢了 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张学友-我等到花儿也谢了</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张学友-我等到花儿也谢了.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张学友-我等到花儿也谢了</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011086.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011086.html 精选 精选 张学友-吻别 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张学友-吻别</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张学友-吻别.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张学友-吻别</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011085.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011085.html 精选 精选 张学友-秋意浓 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张学友-秋意浓</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张学友-秋意浓.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张学友-秋意浓</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011084.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011084.html 精选 精选 张学友-情书 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张学友-情书</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张学友-情书.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张学友-情书</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011083.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011083.html 精选 精选 张学友-你好毒 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张学友-你好毒</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张学友-你好毒.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张学友-你好毒</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011082.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011082.html 精选 精选 张学友-李香兰 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张学友-李香兰</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张学友-李香兰.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张学友-李香兰</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011081.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011081.html 精选 精选 张学友-分手总要在雨天 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张学友-分手总要在雨天</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张学友-分手总要在雨天.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张学友-分手总要在雨天</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011080.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011080.html 精选 精选 张学友-烦恼歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张学友-烦恼歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张学友-烦恼歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张学友-烦恼歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011079.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011079.html 精选 精选 张学友-饿狼传说 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张学友-饿狼传说</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张学友-饿狼传说.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张学友-饿狼传说</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011078.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011078.html 精选 精选 张学友-当我想起你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张学友-当我想起你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张学友-当我想起你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张学友-当我想起你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011077.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011077.html 精选 精选 张信哲-直觉 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张信哲-直觉</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张信哲-直觉.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张信哲-直觉</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011076.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011076.html 精选 精选 张信哲-用情 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张信哲-用情</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张信哲-用情.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张信哲-用情</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011075.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011075.html 精选 精选 张信哲-信仰 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张信哲-信仰</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张信哲-信仰.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张信哲-信仰</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011074.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011074.html 精选 精选 张信哲-太想爱你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张信哲-太想爱你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张信哲-太想爱你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张信哲-太想爱你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011073.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011073.html 精选 精选 张信哲-难以抗拒你容颜 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张信哲-难以抗拒你容颜</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张信哲-难以抗拒你容颜.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张信哲-难以抗拒你容颜</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011072.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011072.html 精选 精选 张信哲-某某某 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张信哲-某某某</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张信哲-某某某.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张信哲-某某某</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011071.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011071.html 精选 精选 张信哲-宽容 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张信哲-宽容</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张信哲-宽容.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张信哲-宽容</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011070.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011070.html 精选 精选 张信哲-过火 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张信哲-过火</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张信哲-过火.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张信哲-过火</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011069.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011069.html 精选 精选 张信哲-从开始到现在 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张信哲-从开始到现在</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张信哲-从开始到现在.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张信哲-从开始到现在</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011068.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011068.html 精选 精选 张信哲-不要对他说 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张信哲-不要对他说</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张信哲-不要对他说.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张信哲-不要对他说</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011067.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011067.html 精选 精选 张信哲-别怕我伤心 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张信哲-别怕我伤心</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张信哲-别怕我伤心.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张信哲-别怕我伤心</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011066.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011066.html 精选 精选 张信哲-爱如潮水 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张信哲-爱如潮水</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张信哲-爱如潮水.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张信哲-爱如潮水</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011065.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011065.html 精选 精选 张信哲-爱就一个字 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张信哲-爱就一个字</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张信哲-爱就一个字.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张信哲-爱就一个字</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011064.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011064.html 精选 精选 张信哲-爱不留 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张信哲-爱不留</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张信哲-爱不留.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张信哲-爱不留</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011063.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011063.html 精选 精选 张信哲、薛之谦-你不是一个人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张信哲、薛之谦-你不是一个人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张信哲、薛之谦-你不是一个人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张信哲、薛之谦-你不是一个人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011062.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011062.html 精选 精选 张信哲、刘嘉玲-有一点动心 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张信哲、刘嘉玲-有一点动心</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张信哲、刘嘉玲-有一点动心.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张信哲、刘嘉玲-有一点动心</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011061.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011061.html 精选 精选 张信哲、范文芳-别让情两难 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张信哲、范文芳-别让情两难</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张信哲、范文芳-别让情两难.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张信哲、范文芳-别让情两难</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011060.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011060.html 精选 精选 张卫健-一辈子一场梦 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张卫健-一辈子一场梦</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张卫健-一辈子一场梦.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张卫健-一辈子一场梦</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011059.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011059.html 精选 精选 张卫健-虚虚实实 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张卫健-虚虚实实</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张卫健-虚虚实实.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张卫健-虚虚实实</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011058.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011058.html 精选 精选 张卫健-你爱我像谁 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张卫健-你爱我像谁</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张卫健-你爱我像谁.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张卫健-你爱我像谁</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011057.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011057.html 精选 精选 张卫健-孤独不苦 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张卫健-孤独不苦</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张卫健-孤独不苦.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张卫健-孤独不苦</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011056.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011056.html 精选 精选 张韶涵-寓言 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张韶涵-寓言</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张韶涵-寓言.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张韶涵-寓言</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011055.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011055.html 精选 精选 张韶涵-隐形的翅膀 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张韶涵-隐形的翅膀</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张韶涵-隐形的翅膀.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张韶涵-隐形的翅膀</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011054.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011054.html 精选 精选 张韶涵-破茧 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张韶涵-破茧</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张韶涵-破茧.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张韶涵-破茧</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011053.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011053.html 精选 精选 张韶涵-潘朵拉 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张韶涵-潘朵拉</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张韶涵-潘朵拉.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张韶涵-潘朵拉</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011052.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011052.html 精选 精选 张韶涵-欧若拉 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张韶涵-欧若拉</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张韶涵-欧若拉.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张韶涵-欧若拉</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011051.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011051.html 精选 精选 张韶涵-呐喊 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张韶涵-呐喊</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张韶涵-呐喊.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张韶涵-呐喊</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011050.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011050.html 精选 精选 张韶涵-梦里花 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张韶涵-梦里花</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张韶涵-梦里花.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张韶涵-梦里花</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011049.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011049.html 精选 精选 张韶涵-冲破 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张韶涵-冲破</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张韶涵-冲破.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张韶涵-冲破</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011048.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011048.html 精选 精选 张韶涵、周深-一路生花 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张韶涵、周深-一路生花</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张韶涵、周深-一路生花.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张韶涵、周深-一路生花</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011047.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011047.html 精选 精选 张韶涵、王赫野-篇章 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张韶涵、王赫野-篇章</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张韶涵、王赫野-篇章.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张韶涵、王赫野-篇章</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011046.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011046.html 精选 精选 张娜拉-泪流满面 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张娜拉-泪流满面</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张娜拉-泪流满面.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张娜拉-泪流满面</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011045.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011045.html 精选 精选 张娜拉-SweetDream韩文 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张娜拉-SweetDream韩文</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张娜拉-SweetDream韩文.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张娜拉-SweetDream韩文</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011044.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011044.html 精选 精选 张明敏-我的中国心 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张明敏-我的中国心</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张明敏-我的中国心.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张明敏-我的中国心</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011043.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011043.html 精选 精选 张明敏-龙的传人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张明敏-龙的传人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张明敏-龙的传人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张明敏-龙的传人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011042.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011042.html 精选 精选 张靓颖-终于等到你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张靓颖-终于等到你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张靓颖-终于等到你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张靓颖-终于等到你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011041.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011041.html 精选 精选 张靓颖-如果这就是爱情 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张靓颖-如果这就是爱情</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张靓颖-如果这就是爱情.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张靓颖-如果这就是爱情</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011040.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011040.html 精选 精选 张靓颖-画心 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张靓颖-画心</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张靓颖-画心.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张靓颖-画心</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011039.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011039.html 精选 精选 张敬轩-断点 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张敬轩-断点</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张敬轩-断点.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张敬轩-断点</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011038.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011038.html 精选 精选 张杰-这,就是爱 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张杰-这,就是爱</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张杰-这,就是爱.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张杰-这,就是爱</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011037.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011037.html 精选 精选 张杰-雪龙吟 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张杰-雪龙吟</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张杰-雪龙吟.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张杰-雪龙吟</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011036.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011036.html 精选 精选 张杰-星星 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张杰-星星</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张杰-星星.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张杰-星星</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011035.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011035.html 精选 精选 张杰-逆战 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张杰-逆战</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张杰-逆战.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张杰-逆战</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011034.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011034.html 精选 精选 张杰、张碧晨-只要平凡 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张杰、张碧晨-只要平凡</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张杰、张碧晨-只要平凡.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张杰、张碧晨-只要平凡</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011033.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011033.html 精选 精选 张惠妹-站在高岗上 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张惠妹-站在高岗上</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张惠妹-站在高岗上.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张惠妹-站在高岗上</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011032.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011032.html 精选 精选 张惠妹-原来你什么都不想要 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张惠妹-原来你什么都不想要</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张惠妹-原来你什么都不想要.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张惠妹-原来你什么都不想要</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011031.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011031.html 精选 精选 张惠妹-一想到你呀 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张惠妹-一想到你呀</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张惠妹-一想到你呀.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张惠妹-一想到你呀</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011030.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011030.html 精选 精选 张惠妹-听海 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张惠妹-听海</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张惠妹-听海.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张惠妹-听海</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011029.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011029.html 精选 精选 张惠妹-哭不出来 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张惠妹-哭不出来</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张惠妹-哭不出来.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张惠妹-哭不出来</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011028.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011028.html 精选 精选 张惠妹-可以抱你吗 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张惠妹-可以抱你吗</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张惠妹-可以抱你吗.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张惠妹-可以抱你吗</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011027.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011027.html 精选 精选 张惠妹-姐妹 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张惠妹-姐妹</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张惠妹-姐妹.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张惠妹-姐妹</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011026.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011026.html 精选 精选 张惠妹-剪爱 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张惠妹-剪爱</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张惠妹-剪爱.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张惠妹-剪爱</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011025.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011025.html 精选 精选 张惠妹-BadBoy <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张惠妹-BadBoy</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张惠妹-BadBoy.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张惠妹-BadBoy</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011024.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011024.html 精选 精选 张行-站台 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张行-站台</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张行-站台.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张行-站台</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011023.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011023.html 精选 精选 张行-迟到 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张行-迟到</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张行-迟到.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张行-迟到</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011022.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011022.html 精选 精选 张含韵-一百万个可能 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张含韵-一百万个可能</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张含韵-一百万个可能.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张含韵-一百万个可能</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011021.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011021.html 精选 精选 张含韵-想唱就唱 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张含韵-想唱就唱</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张含韵-想唱就唱.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张含韵-想唱就唱</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011020.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011020.html 精选 精选 张含韵-酸酸甜甜就是我 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张含韵-酸酸甜甜就是我</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张含韵-酸酸甜甜就是我.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张含韵-酸酸甜甜就是我</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011019.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011019.html 精选 精选 张含韵-闪亮亮 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张含韵-闪亮亮</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张含韵-闪亮亮.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张含韵-闪亮亮</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011018.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011018.html 精选 精选 张国荣-倩女幽魂 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张国荣-倩女幽魂</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张国荣-倩女幽魂.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张国荣-倩女幽魂</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011017.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011017.html 精选 精选 张镐哲-好男人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张镐哲-好男人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张镐哲-好男人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张镐哲-好男人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011016.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011016.html 精选 精选 张栋梁-当你孤单你会想起谁 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张栋梁-当你孤单你会想起谁</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张栋梁-当你孤单你会想起谁.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张栋梁-当你孤单你会想起谁</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011015.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011015.html 精选 精选 张栋梁-北极星的眼泪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张栋梁-北极星的眼泪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张栋梁-北极星的眼泪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张栋梁-北极星的眼泪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011014.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011014.html 精选 精选 张碧晨-年轮 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张碧晨-年轮</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张碧晨-年轮.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张碧晨-年轮</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011013.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011013.html 精选 精选 张碧晨-光的方向 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张碧晨-光的方向</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张碧晨-光的方向.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张碧晨-光的方向</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011012.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011012.html 精选 精选 张柏芝-星语心愿 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>张柏芝-星语心愿</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/张柏芝-星语心愿.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>张柏芝-星语心愿</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011011.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011011.html 精选 精选 展展与罗罗-沙漠骆驼 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>展展与罗罗-沙漠骆驼</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/展展与罗罗-沙漠骆驼.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>展展与罗罗-沙漠骆驼</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011010.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011010.html 精选 精选 云汐-故事还长 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>云汐-故事还长</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/云汐-故事还长.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>云汐-故事还长</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011009.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011009.html 精选 精选 袁娅维-说散就散 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>袁娅维-说散就散</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/袁娅维-说散就散.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>袁娅维-说散就散</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011008.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011008.html 精选 精选 袁小葳、阿辰（阎辰）-化作烟火为你坠落 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>袁小葳、阿辰（阎辰）-化作烟火为你坠落</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/袁小葳、阿辰（阎辰）-化作烟火为你坠落.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>袁小葳、阿辰（阎辰）-化作烟火为你坠落</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011007.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011007.html 精选 精选 袁成杰、戚薇-想我了吗 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>袁成杰、戚薇-想我了吗</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/袁成杰、戚薇-想我了吗.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>袁成杰、戚薇-想我了吗</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011006.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011006.html 精选 精选 郁可唯-思慕 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>郁可唯-思慕</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/郁可唯-思慕.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>郁可唯-思慕</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011005.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011005.html 精选 精选 郁可唯-水中花(Live) <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>郁可唯-水中花(Live)</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/郁可唯-水中花(Live).mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>郁可唯-水中花(Live)</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011004.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011004.html 精选 精选 郁可唯-时间煮雨 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>郁可唯-时间煮雨</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/郁可唯-时间煮雨.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>郁可唯-时间煮雨</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011003.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011003.html 精选 精选 庾澄庆-热情的沙漠 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>庾澄庆-热情的沙漠</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/庾澄庆-热情的沙漠.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>庾澄庆-热情的沙漠</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011002.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011002.html 精选 精选 庾澄庆-让我一次爱个够 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>庾澄庆-让我一次爱个够</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/庾澄庆-让我一次爱个够.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>庾澄庆-让我一次爱个够</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011001.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011001.html 精选 精选 庾澄庆-情非得已 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>庾澄庆-情非得已</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/庾澄庆-情非得已.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>庾澄庆-情非得已</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011000.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1011000.html 精选 精选 羽·泉-最美 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>羽·泉-最美</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/羽·泉-最美.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>羽·泉-最美</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010999.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010999.html 精选 精选 羽·泉-心似狂潮 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>羽·泉-心似狂潮</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/羽·泉-心似狂潮.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>羽·泉-心似狂潮</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010998.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010998.html 精选 精选 羽·泉-深呼吸 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>羽·泉-深呼吸</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/羽·泉-深呼吸.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>羽·泉-深呼吸</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010997.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010997.html 精选 精选 羽·泉-冷酷到底 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>羽·泉-冷酷到底</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/羽·泉-冷酷到底.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>羽·泉-冷酷到底</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010996.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010996.html 精选 精选 羽·泉-感觉不到你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>羽·泉-感觉不到你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/羽·泉-感觉不到你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>羽·泉-感觉不到你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010995.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010995.html 精选 精选 羽·泉-彩虹 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>羽·泉-彩虹</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/羽·泉-彩虹.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>羽·泉-彩虹</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010994.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010994.html 精选 精选 羽·泉-奔跑 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>羽·泉-奔跑</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/羽·泉-奔跑.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>羽·泉-奔跑</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010993.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010993.html 精选 精选 宇桐非-感动天感动地 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>宇桐非-感动天感动地</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/宇桐非-感动天感动地.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>宇桐非-感动天感动地</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010992.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010992.html 精选 精选 俞静-红豆红 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>俞静-红豆红</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/俞静-红豆红.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>俞静-红豆红</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010991.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010991.html 精选 精选 俞灏明 简美妍-陷入爱里面 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>俞灏明 简美妍-陷入爱里面</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/俞灏明 简美妍-陷入爱里面.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>俞灏明 简美妍-陷入爱里面</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010990.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010990.html 精选 精选 于文文-体面 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>于文文-体面</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/于文文-体面.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>于文文-体面</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010989.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010989.html 精选 精选 游鸿明-下沙 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>游鸿明-下沙</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/游鸿明-下沙.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>游鸿明-下沙</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010988.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010988.html 精选 精选 游鸿明-爱我的人和我爱的人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>游鸿明-爱我的人和我爱的人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/游鸿明-爱我的人和我爱的人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>游鸿明-爱我的人和我爱的人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010987.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010987.html 精选 精选 尹昔眠-三拜红尘凉 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>尹昔眠-三拜红尘凉</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/尹昔眠-三拜红尘凉.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>尹昔眠-三拜红尘凉</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010986.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010986.html 精选 精选 银临、Aki阿杰-牵丝戏 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>银临、Aki阿杰-牵丝戏</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/银临、Aki阿杰-牵丝戏.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>银临、Aki阿杰-牵丝戏</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010985.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010985.html 精选 精选 伊扬-纸飞机 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>伊扬-纸飞机</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/伊扬-纸飞机.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>伊扬-纸飞机</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010984.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010984.html 精选 精选 伊格赛听、叶里-谪仙 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>伊格赛听、叶里-谪仙</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/伊格赛听、叶里-谪仙.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>伊格赛听、叶里-谪仙</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010983.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010983.html 精选 精选 一只白羊-赐我 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>一只白羊-赐我</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/一只白羊-赐我.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>一只白羊-赐我</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010982.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010982.html 精选 精选 叶倩文-真心真意过一生 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>叶倩文-真心真意过一生</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/叶倩文-真心真意过一生.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>叶倩文-真心真意过一生</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010981.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010981.html 精选 精选 叶倩文-潇洒走一回 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>叶倩文-潇洒走一回</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/叶倩文-潇洒走一回.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>叶倩文-潇洒走一回</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010980.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010980.html 精选 精选 叶倩文、林子祥-选择 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>叶倩文、林子祥-选择</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/叶倩文、林子祥-选择.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>叶倩文、林子祥-选择</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010979.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010979.html 精选 精选 叶丽仪-上海滩 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>叶丽仪-上海滩</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/叶丽仪-上海滩.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>叶丽仪-上海滩</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010978.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010978.html 精选 精选 叶蓓-想把我唱给你听 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>叶蓓-想把我唱给你听</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/叶蓓-想把我唱给你听.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>叶蓓-想把我唱给你听</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010977.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010977.html 精选 精选 要不要买菜-下山 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>要不要买菜-下山</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/要不要买菜-下山.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>要不要买菜-下山</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010976.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010976.html 精选 精选 姚六一-雾里 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>姚六一-雾里</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/姚六一-雾里.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>姚六一-雾里</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010975.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010975.html 精选 精选 洋澜一-醉过方知酒浓 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-醉过方知酒浓</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-醉过方知酒浓.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-醉过方知酒浓</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010974.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010974.html 精选 精选 洋澜一-最后一次的温柔 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-最后一次的温柔</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-最后一次的温柔.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-最后一次的温柔</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010973.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010973.html 精选 精选 洋澜一-最害怕 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-最害怕</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-最害怕.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-最害怕</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010972.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010972.html 精选 精选 洋澜一-追梦人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-追梦人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-追梦人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-追梦人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010971.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010971.html 精选 精选 洋澜一-祝我们各自安好 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-祝我们各自安好</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-祝我们各自安好.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-祝我们各自安好</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010970.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010970.html 精选 精选 洋澜一-珍惜眼前人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-珍惜眼前人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-珍惜眼前人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-珍惜眼前人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010969.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010969.html 精选 精选 洋澜一-找一个字代替 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-找一个字代替</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-找一个字代替.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-找一个字代替</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010968.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010968.html 精选 精选 洋澜一-怎会有人知你的苦 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-怎会有人知你的苦</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-怎会有人知你的苦.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-怎会有人知你的苦</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010967.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010967.html 精选 精选 洋澜一-早已不顺路 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-早已不顺路</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-早已不顺路.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-早已不顺路</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010966.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010966.html 精选 精选 洋澜一-再三保证 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-再三保证</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-再三保证.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-再三保证</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010965.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010965.html 精选 精选 洋澜一-再回首 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-再回首</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-再回首.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-再回首</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010964.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010964.html 精选 精选 洋澜一-月亮变了我不变 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-月亮变了我不变</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-月亮变了我不变.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-月亮变了我不变</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010963.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010963.html 精选 精选 洋澜一-怨苍天变了心 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-怨苍天变了心</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-怨苍天变了心.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-怨苍天变了心</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010962.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010962.html 精选 精选 洋澜一-原来你只是一个过客 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-原来你只是一个过客</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-原来你只是一个过客.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-原来你只是一个过客</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010961.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010961.html 精选 精选 洋澜一-遇见花 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-遇见花</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-遇见花.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-遇见花</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010960.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010960.html 精选 精选 洋澜一-余生不打扰 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-余生不打扰</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-余生不打扰.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-余生不打扰</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010959.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010959.html 精选 精选 洋澜一-有些人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-有些人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-有些人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-有些人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010958.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010958.html 精选 精选 洋澜一-有情变无情 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-有情变无情</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-有情变无情.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-有情变无情</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010957.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010957.html 精选 精选 洋澜一-有的人再也见不到 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-有的人再也见不到</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-有的人再也见不到.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-有的人再也见不到</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010956.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010956.html 精选 精选 洋澜一-有爱就不怕 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-有爱就不怕</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-有爱就不怕.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-有爱就不怕</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010955.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010955.html 精选 精选 洋澜一-用余生忘记你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-用余生忘记你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-用余生忘记你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-用余生忘记你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010954.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010954.html 精选 精选 洋澜一-遗憾的过客 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-遗憾的过客</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-遗憾的过客.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-遗憾的过客</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010953.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010953.html 精选 精选 洋澜一-一字一句读懂我 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-一字一句读懂我</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-一字一句读懂我.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-一字一句读懂我</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010952.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010952.html 精选 精选 洋澜一-一生有你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-一生有你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-一生有你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-一生有你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010951.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010951.html 精选 精选 洋澜一-一念而已 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-一念而已</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-一念而已.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-一念而已</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010950.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010950.html 精选 精选 洋澜一-一步之遥 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-一步之遥</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-一步之遥.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-一步之遥</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010949.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010949.html 精选 精选 洋澜一-一半心酸一半遗憾 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-一半心酸一半遗憾</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-一半心酸一半遗憾.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-一半心酸一半遗憾</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010948.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010948.html 精选 精选 洋澜一-夜色浓 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-夜色浓</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-夜色浓.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-夜色浓</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010947.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010947.html 精选 精选 洋澜一-眼中有泪心中有你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-眼中有泪心中有你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-眼中有泪心中有你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-眼中有泪心中有你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010946.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010946.html 精选 精选 洋澜一-烟雨唱扬州 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-烟雨唱扬州</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-烟雨唱扬州.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-烟雨唱扬州</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010945.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010945.html 精选 精选 洋澜一-雪上的誓言留不到春天 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-雪上的誓言留不到春天</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-雪上的誓言留不到春天.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-雪上的誓言留不到春天</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010944.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010944.html 精选 精选 洋澜一-醒不来的梦 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-醒不来的梦</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-醒不来的梦.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-醒不来的梦</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010943.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010943.html 精选 精选 洋澜一-心要让你听见 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-心要让你听见</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-心要让你听见.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-心要让你听见</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010942.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010942.html 精选 精选 洋澜一-小小的太阳 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-小小的太阳</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-小小的太阳.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-小小的太阳</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010941.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010941.html 精选 精选 洋澜一-想嫁的人结了婚 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-想嫁的人结了婚</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-想嫁的人结了婚.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-想嫁的人结了婚</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010940.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010940.html 精选 精选 洋澜一-下辈子也要找到你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-下辈子也要找到你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-下辈子也要找到你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-下辈子也要找到你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010939.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010939.html 精选 精选 洋澜一-下辈子的誓言 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-下辈子的誓言</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-下辈子的誓言.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-下辈子的誓言</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010938.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010938.html 精选 精选 洋澜一-无悔爱过这一回 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-无悔爱过这一回</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-无悔爱过这一回.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-无悔爱过这一回</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010937.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010937.html 精选 精选 洋澜一-乌兰巴托的夜 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-乌兰巴托的夜</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-乌兰巴托的夜.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-乌兰巴托的夜</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010936.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010936.html 精选 精选 洋澜一-我用自己的方式爱你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-我用自己的方式爱你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-我用自己的方式爱你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-我用自己的方式爱你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010935.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010935.html 精选 精选 洋澜一-我以为 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-我以为</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-我以为.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-我以为</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010934.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010934.html 精选 精选 洋澜一-我也配 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-我也配</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-我也配.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-我也配</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010933.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010933.html 精选 精选 洋澜一-我也不想这样 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-我也不想这样</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-我也不想这样.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-我也不想这样</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010932.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010932.html 精选 精选 洋澜一-我是不是你最疼爱的人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-我是不是你最疼爱的人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-我是不是你最疼爱的人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-我是不是你最疼爱的人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010931.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010931.html 精选 精选 洋澜一-我怕我爱了没结果 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-我怕我爱了没结果</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-我怕我爱了没结果.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-我怕我爱了没结果</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010930.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010930.html 精选 精选 洋澜一-我感动不了心里装着别人的人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-我感动不了心里装着别人的人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-我感动不了心里装着别人的人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-我感动不了心里装着别人的人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010929.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010929.html 精选 精选 洋澜一-我的吻再吻不到你的唇 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-我的吻再吻不到你的唇</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-我的吻再吻不到你的唇.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-我的吻再吻不到你的唇</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010928.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010928.html 精选 精选 洋澜一-我曾用心爱着你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-我曾用心爱着你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-我曾用心爱着你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-我曾用心爱着你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010927.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010927.html 精选 精选 洋澜一-我曾 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-我曾</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-我曾.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-我曾</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010926.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010926.html 精选 精选 洋澜一-我把故事酿成酒 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-我把故事酿成酒</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-我把故事酿成酒.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-我把故事酿成酒</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010925.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010925.html 精选 精选 洋澜一-问(柔情版) <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-问(柔情版)</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-问(柔情版).mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-问(柔情版)</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010924.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010924.html 精选 精选 洋澜一-稳稳的幸福 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-稳稳的幸福</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-稳稳的幸福.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-稳稳的幸福</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010923.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010923.html 精选 精选 洋澜一-吻别 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-吻别</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-吻别.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-吻别</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010922.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010922.html 精选 精选 洋澜一-唯独没有心疼我 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-唯独没有心疼我</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-唯独没有心疼我.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-唯独没有心疼我</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010921.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010921.html 精选 精选 洋澜一-为你不远嫁 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-为你不远嫁</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-为你不远嫁.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-为你不远嫁</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010920.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010920.html 精选 精选 洋澜一-望故乡 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-望故乡</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-望故乡.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-望故乡</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010919.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010919.html 精选 精选 洋澜一-万万千千个思念 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-万万千千个思念</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-万万千千个思念.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-万万千千个思念</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010918.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010918.html 精选 精选 洋澜一-晚风吹散了我们 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-晚风吹散了我们</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-晚风吹散了我们.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-晚风吹散了我们</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010917.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010917.html 精选 精选 洋澜一-晚风 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-晚风</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-晚风.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-晚风</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010916.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010916.html 精选 精选 洋澜一-退而求其次 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-退而求其次</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-退而求其次.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-退而求其次</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010915.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010915.html 精选 精选 洋澜一-痛彻心扉 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-痛彻心扉</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-痛彻心扉.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-痛彻心扉</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010914.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010914.html 精选 精选 洋澜一-同床共枕的人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-同床共枕的人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-同床共枕的人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-同床共枕的人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010913.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010913.html 精选 精选 洋澜一-听说你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-听说你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-听说你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-听说你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010912.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010912.html 精选 精选 洋澜一-天也不懂情 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-天也不懂情</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-天也不懂情.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-天也不懂情</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010911.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010911.html 精选 精选 洋澜一-天际 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-天际</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-天际.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-天际</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010910.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010910.html 精选 精选 洋澜一-提笔忘情 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-提笔忘情</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-提笔忘情.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-提笔忘情</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010909.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010909.html 精选 精选 洋澜一-太深 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-太深</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-太深.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-太深</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010908.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010908.html 精选 精选 洋澜一-太多 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-太多</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-太多.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-太多</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010907.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010907.html 精选 精选 洋澜一-他他他 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-他他他</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-他他他.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-他他他</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010906.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010906.html 精选 精选 洋澜一-岁月刻刀 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-岁月刻刀</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-岁月刻刀.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-岁月刻刀</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010905.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010905.html 精选 精选 洋澜一-思念像风 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-思念像风</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-思念像风.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-思念像风</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010904.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010904.html 精选 精选 洋澜一-思念及时雨 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-思念及时雨</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-思念及时雨.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-思念及时雨</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010903.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010903.html 精选 精选 洋澜一-思念的弦 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-思念的弦</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-思念的弦.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-思念的弦</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010902.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010902.html 精选 精选 洋澜一-思念从来没饶过谁 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-思念从来没饶过谁</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-思念从来没饶过谁.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-思念从来没饶过谁</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010901.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010901.html 精选 精选 洋澜一-谁会懂我 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-谁会懂我</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-谁会懂我.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-谁会懂我</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010900.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010900.html 精选 精选 洋澜一-谁都会 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-谁都会</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-谁都会.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-谁都会</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010899.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010899.html 精选 精选 洋澜一-谁懂这首伤情的歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-谁懂这首伤情的歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-谁懂这首伤情的歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-谁懂这首伤情的歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010898.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010898.html 精选 精选 洋澜一-谁 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-谁</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-谁.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-谁</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010897.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010897.html 精选 精选 洋澜一-输不起的年纪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-输不起的年纪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-输不起的年纪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-输不起的年纪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010896.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010896.html 精选 精选 洋澜一-是我爱过了头 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-是我爱过了头</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-是我爱过了头.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-是我爱过了头</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010895.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010895.html 精选 精选 洋澜一-试图 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-试图</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-试图.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-试图</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010894.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010894.html 精选 精选 洋澜一-时间你慢些走·2024 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-时间你慢些走·2024</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-时间你慢些走·2024.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-时间你慢些走·2024</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010893.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010893.html 精选 精选 洋澜一-盛夏的果实 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-盛夏的果实</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-盛夏的果实.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-盛夏的果实</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010892.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010892.html 精选 精选 洋澜一-盛不盛开都是花 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-盛不盛开都是花</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-盛不盛开都是花.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-盛不盛开都是花</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010891.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010891.html 精选 精选 洋澜一-深秋夜雨 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-深秋夜雨</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-深秋夜雨.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-深秋夜雨</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010890.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010890.html 精选 精选 洋澜一-伤心太平洋 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-伤心太平洋</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-伤心太平洋.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-伤心太平洋</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010889.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010889.html 精选 精选 洋澜一-伤口 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-伤口</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-伤口.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-伤口</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010888.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010888.html 精选 精选 洋澜一-如果最后不是你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-如果最后不是你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-如果最后不是你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-如果最后不是你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010887.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010887.html 精选 精选 洋澜一-如果云知道 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-如果云知道</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-如果云知道.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-如果云知道</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010886.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010886.html 精选 精选 洋澜一-如果晚风 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-如果晚风</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-如果晚风.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-如果晚风</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010885.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010885.html 精选 精选 洋澜一-人生无悔 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-人生无悔</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-人生无悔.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-人生无悔</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010884.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010884.html 精选 精选 洋澜一-人间半途 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-人间半途</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-人间半途.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-人间半途</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010883.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010883.html 精选 精选 洋澜一-秋风经过 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-秋风经过</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-秋风经过.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-秋风经过</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010882.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010882.html 精选 精选 洋澜一-秋风吹起 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-秋风吹起</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-秋风吹起.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-秋风吹起</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010881.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010881.html 精选 精选 洋澜一-请先说你好 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-请先说你好</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-请先说你好.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-请先说你好</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010880.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010880.html 精选 精选 洋澜一-情深能怎样 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-情深能怎样</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-情深能怎样.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-情深能怎样</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010879.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010879.html 精选 精选 洋澜一-情难枕 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-情难枕</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-情难枕.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-情难枕</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010878.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010878.html 精选 精选 洋澜一-青花 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-青花</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-青花.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-青花</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010877.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010877.html 精选 精选 洋澜一-牵手 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-牵手</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-牵手.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-牵手</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010876.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010876.html 精选 精选 洋澜一-萍聚 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-萍聚</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-萍聚.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-萍聚</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010875.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010875.html 精选 精选 洋澜一-女人的选择 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-女人的选择</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-女人的选择.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-女人的选择</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010874.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010874.html 精选 精选 洋澜一-诺言 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-诺言</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-诺言.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-诺言</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010873.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010873.html 精选 精选 洋澜一-逆流成河 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-逆流成河</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-逆流成河.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-逆流成河</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010872.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010872.html 精选 精选 洋澜一-你知道不知道 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-你知道不知道</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-你知道不知道.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-你知道不知道</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010871.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010871.html 精选 精选 洋澜一-你怎么舍得我难过 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-你怎么舍得我难过</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-你怎么舍得我难过.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-你怎么舍得我难过</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010870.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010870.html 精选 精选 洋澜一-你在，不在 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-你在，不在</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-你在，不在.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-你在，不在</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010869.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010869.html 精选 精选 洋澜一-你是我第一眼就喜欢的人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-你是我第一眼就喜欢的人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-你是我第一眼就喜欢的人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-你是我第一眼就喜欢的人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010868.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010868.html 精选 精选 洋澜一-你是我曾经拼了命爱过的人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-你是我曾经拼了命爱过的人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-你是我曾经拼了命爱过的人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-你是我曾经拼了命爱过的人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010867.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010867.html 精选 精选 洋澜一-你是我不可预约的雪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-你是我不可预约的雪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-你是我不可预约的雪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-你是我不可预约的雪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010866.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010866.html 精选 精选 洋澜一-拿什么来骗我 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-拿什么来骗我</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-拿什么来骗我.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-拿什么来骗我</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010865.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010865.html 精选 精选 洋澜一-抹去泪水 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-抹去泪水</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-抹去泪水.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-抹去泪水</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010864.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010864.html 精选 精选 洋澜一-明月夜 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-明月夜</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-明月夜.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-明月夜</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010863.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010863.html 精选 精选 洋澜一-梦醒时分 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-梦醒时分</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-梦醒时分.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-梦醒时分</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010862.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010862.html 精选 精选 洋澜一-落笔都是你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-落笔都是你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-落笔都是你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-落笔都是你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010861.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010861.html 精选 精选 洋澜一-凌晨零点零分零秒 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-凌晨零点零分零秒</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-凌晨零点零分零秒.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-凌晨零点零分零秒</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010860.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010860.html 精选 精选 洋澜一-离别的秋天 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-离别的秋天</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-离别的秋天.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-离别的秋天</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010859.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010859.html 精选 精选 洋澜一-冷风心里吹 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-冷风心里吹</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-冷风心里吹.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-冷风心里吹</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010858.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010858.html 精选 精选 洋澜一-蓝眼泪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-蓝眼泪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-蓝眼泪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-蓝眼泪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010857.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010857.html 精选 精选 洋澜一-来人间走个过场 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-来人间走个过场</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-来人间走个过场.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-来人间走个过场</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010856.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010856.html 精选 精选 洋澜一-孔融让梨 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-孔融让梨</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-孔融让梨.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-孔融让梨</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010855.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010855.html 精选 精选 洋澜一-可惜我不是风 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-可惜我不是风</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-可惜我不是风.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-可惜我不是风</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010854.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010854.html 精选 精选 洋澜一-看见繁花 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-看见繁花</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-看见繁花.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-看见繁花</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010853.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010853.html 精选 精选 洋澜一-九十九个回忆 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-九十九个回忆</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-九十九个回忆.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-九十九个回忆</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010852.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010852.html 精选 精选 洋澜一-九十九朵玫瑰 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-九十九朵玫瑰</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-九十九朵玫瑰.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-九十九朵玫瑰</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010851.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010851.html 精选 精选 洋澜一-敬那段难忘的时光 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-敬那段难忘的时光</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-敬那段难忘的时光.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-敬那段难忘的时光</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010850.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010850.html 精选 精选 洋澜一-仅此一年我判若两人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-仅此一年我判若两人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-仅此一年我判若两人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-仅此一年我判若两人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010849.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010849.html 精选 精选 洋澜一-今天 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-今天</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-今天.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-今天</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010848.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010848.html 精选 精选 洋澜一-今生最爱 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-今生最爱</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-今生最爱.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-今生最爱</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010847.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010847.html 精选 精选 洋澜一-戒了想你戒了难过 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-戒了想你戒了难过</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-戒了想你戒了难过.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-戒了想你戒了难过</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010846.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010846.html 精选 精选 洋澜一-江南的风吹落江北的雨 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-江南的风吹落江北的雨</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-江南的风吹落江北的雨.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-江南的风吹落江北的雨</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010845.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010845.html 精选 精选 洋澜一-见一面少一面 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-见一面少一面</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-见一面少一面.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-见一面少一面</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010844.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010844.html 精选 精选 洋澜一-化风行万里 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-化风行万里</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-化风行万里.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-化风行万里</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010843.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010843.html 精选 精选 洋澜一-后来我试着不爱你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-后来我试着不爱你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-后来我试着不爱你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-后来我试着不爱你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010842.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010842.html 精选 精选 洋澜一-后来你娶的人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-后来你娶的人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-后来你娶的人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-后来你娶的人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010841.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010841.html 精选 精选 洋澜一-后来的你在哪·2024 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-后来的你在哪·2024</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-后来的你在哪·2024.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-后来的你在哪·2024</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010840.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010840.html 精选 精选 洋澜一-后来 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-后来</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-后来.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-后来</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010839.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010839.html 精选 精选 洋澜一-后海酒吧 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-后海酒吧</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-后海酒吧.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-后海酒吧</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010838.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010838.html 精选 精选 洋澜一-喝酒不敢醉 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-喝酒不敢醉</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-喝酒不敢醉.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-喝酒不敢醉</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010837.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010837.html 精选 精选 洋澜一-寒风对雪花的思恋 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-寒风对雪花的思恋</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-寒风对雪花的思恋.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-寒风对雪花的思恋</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010836.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010836.html 精选 精选 洋澜一-海与天·2024 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-海与天·2024</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-海与天·2024.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-海与天·2024</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010835.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010835.html 精选 精选 洋澜一-过路的晚风 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-过路的晚风</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-过路的晚风.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-过路的晚风</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010834.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010834.html 精选 精选 洋澜一-滚滚红尘 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-滚滚红尘</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-滚滚红尘.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-滚滚红尘</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010833.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010833.html 精选 精选 洋澜一-故乡下雪了 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-故乡下雪了</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-故乡下雪了.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-故乡下雪了</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010832.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010832.html 精选 精选 洋澜一-搁浅的鱼 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-搁浅的鱼</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-搁浅的鱼.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-搁浅的鱼</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010831.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010831.html 精选 精选 洋澜一-风中的遗憾 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-风中的遗憾</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-风中的遗憾.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-风中的遗憾</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010830.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010830.html 精选 精选 洋澜一-风没吹过你没来过 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-风没吹过你没来过</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-风没吹过你没来过.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-风没吹过你没来过</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010829.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010829.html 精选 精选 洋澜一-风的忧伤只有云知道 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-风的忧伤只有云知道</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-风的忧伤只有云知道.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-风的忧伤只有云知道</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010828.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010828.html 精选 精选 洋澜一-风吹雪花片片落 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-风吹雪花片片落</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-风吹雪花片片落.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-风吹雪花片片落</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010827.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010827.html 精选 精选 洋澜一-飞蛾扑火 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-飞蛾扑火</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-飞蛾扑火.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-飞蛾扑火</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010826.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010826.html 精选 精选 洋澜一-发错誓爱错人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-发错誓爱错人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-发错誓爱错人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-发错誓爱错人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010825.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010825.html 精选 精选 洋澜一-多余的眼泪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-多余的眼泪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-多余的眼泪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-多余的眼泪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010824.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010824.html 精选 精选 洋澜一-多余的温柔 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-多余的温柔</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-多余的温柔.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-多余的温柔</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010823.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010823.html 精选 精选 洋澜一-多年以前 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-多年以前</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-多年以前.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-多年以前</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010822.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010822.html 精选 精选 洋澜一-独饮红尘一杯酒 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-独饮红尘一杯酒</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-独饮红尘一杯酒.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-独饮红尘一杯酒</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010821.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010821.html 精选 精选 洋澜一-冬雪飘落 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-冬雪飘落</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-冬雪飘落.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-冬雪飘落</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010820.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010820.html 精选 精选 洋澜一-冬天的秘密 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-冬天的秘密</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-冬天的秘密.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-冬天的秘密</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010819.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010819.html 精选 精选 洋澜一-冬起心凉 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-冬起心凉</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-冬起心凉.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-冬起心凉</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010818.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010818.html 精选 精选 洋澜一-到底错在哪里 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-到底错在哪里</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-到底错在哪里.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-到底错在哪里</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010817.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010817.html 精选 精选 洋澜一-单身情歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-单身情歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-单身情歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-单身情歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010816.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010816.html 精选 精选 洋澜一-带不走四季的风 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-带不走四季的风</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-带不走四季的风.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-带不走四季的风</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010815.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010815.html 精选 精选 洋澜一-大山里的孩子 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-大山里的孩子</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-大山里的孩子.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-大山里的孩子</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010814.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010814.html 精选 精选 洋澜一-赐痛 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-赐痛</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-赐痛.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-赐痛</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010813.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010813.html 精选 精选 洋澜一-赐伤 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-赐伤</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-赐伤.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-赐伤</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010812.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010812.html 精选 精选 洋澜一-除了梦里再没见过你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-除了梦里再没见过你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-除了梦里再没见过你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-除了梦里再没见过你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010811.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010811.html 精选 精选 洋澜一-出卖 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-出卖</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-出卖.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-出卖</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010810.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010810.html 精选 精选 洋澜一-迟来的爱 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-迟来的爱</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-迟来的爱.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-迟来的爱</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010809.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010809.html 精选 精选 洋澜一-潮湿的心 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-潮湿的心</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-潮湿的心.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-潮湿的心</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010808.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010808.html 精选 精选 洋澜一-曾说过陪我到老的人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-曾说过陪我到老的人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-曾说过陪我到老的人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-曾说过陪我到老的人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010807.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010807.html 精选 精选 洋澜一-苍天不解人间情 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-苍天不解人间情</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-苍天不解人间情.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-苍天不解人间情</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010806.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010806.html 精选 精选 洋澜一-不值得 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-不值得</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-不值得.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-不值得</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010805.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010805.html 精选 精选 洋澜一-别想她 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-别想她</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-别想她.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-别想她</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010804.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010804.html 精选 精选 洋澜一-别想他 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-别想他</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-别想他.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-别想他</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010803.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010803.html 精选 精选 洋澜一-别为难自己 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-别为难自己</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-别为难自己.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-别为难自己</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010802.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010802.html 精选 精选 洋澜一-别让昨天的雨淋湿今天的你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-别让昨天的雨淋湿今天的你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-别让昨天的雨淋湿今天的你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-别让昨天的雨淋湿今天的你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010801.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010801.html 精选 精选 洋澜一-别怕我伤心 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-别怕我伤心</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-别怕我伤心.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-别怕我伤心</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010800.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010800.html 精选 精选 洋澜一-别等太久 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-别等太久</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-别等太久.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-别等太久</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010799.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010799.html 精选 精选 洋澜一-别把疼你的人弄丢了 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-别把疼你的人弄丢了</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-别把疼你的人弄丢了.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-别把疼你的人弄丢了</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010798.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010798.html 精选 精选 洋澜一-半纸情长 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-半纸情长</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-半纸情长.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-半纸情长</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010797.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010797.html 精选 精选 洋澜一-把悲伤留给自己 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-把悲伤留给自己</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-把悲伤留给自己.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-把悲伤留给自己</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010796.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010796.html 精选 精选 洋澜一-爱一阵子疼一辈子 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-爱一阵子疼一辈子</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-爱一阵子疼一辈子.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-爱一阵子疼一辈子</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010795.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010795.html 精选 精选 洋澜一-爱一个人好难 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-爱一个人好难</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-爱一个人好难.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-爱一个人好难</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010794.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010794.html 精选 精选 洋澜一-爱我是你说的谎 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-爱我是你说的谎</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-爱我是你说的谎.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-爱我是你说的谎</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010793.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010793.html 精选 精选 洋澜一-爱我的人和我爱的人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-爱我的人和我爱的人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-爱我的人和我爱的人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-爱我的人和我爱的人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010792.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010792.html 精选 精选 洋澜一-爱似水仙 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-爱似水仙</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-爱似水仙.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-爱似水仙</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010791.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010791.html 精选 精选 洋澜一-爱你痛那么多 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-爱你痛那么多</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-爱你痛那么多.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-爱你痛那么多</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010790.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010790.html 精选 精选 洋澜一-爱你比爱自己多 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-爱你比爱自己多</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-爱你比爱自己多.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-爱你比爱自己多</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010789.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010789.html 精选 精选 洋澜一-爱来爱去一身伤 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-爱来爱去一身伤</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-爱来爱去一身伤.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-爱来爱去一身伤</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010788.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010788.html 精选 精选 洋澜一-爱而不得的遗憾 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-爱而不得的遗憾</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-爱而不得的遗憾.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-爱而不得的遗憾</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010787.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010787.html 精选 精选 洋澜一-爱不爱的我都不爱了 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-爱不爱的我都不爱了</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-爱不爱的我都不爱了.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-爱不爱的我都不爱了</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010786.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010786.html 精选 精选 洋澜一-阿楚姑娘 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一-阿楚姑娘</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一-阿楚姑娘.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一-阿楚姑娘</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010785.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010785.html 精选 精选 洋澜一、艾可儿-悟了繁华悟了你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洋澜一、艾可儿-悟了繁华悟了你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/洋澜一/洋澜一、艾可儿-悟了繁华悟了你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洋澜一、艾可儿-悟了繁华悟了你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010784.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010784.html 精选 精选 杨宗纬-一次就好 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>杨宗纬-一次就好</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/杨宗纬-一次就好.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>杨宗纬-一次就好</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010783.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010783.html 精选 精选 杨宗纬-洋葱 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>杨宗纬-洋葱</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/杨宗纬-洋葱.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>杨宗纬-洋葱</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010782.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010782.html 精选 精选 杨宗纬 张碧晨-凉凉 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>杨宗纬 张碧晨-凉凉</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/杨宗纬 张碧晨-凉凉.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>杨宗纬 张碧晨-凉凉</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010781.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010781.html 精选 精选 杨钰莹-我不想说 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>杨钰莹-我不想说</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/杨钰莹-我不想说.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>杨钰莹-我不想说</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010780.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010780.html 精选 精选 杨钰莹-轻轻的告诉你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>杨钰莹-轻轻的告诉你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/杨钰莹-轻轻的告诉你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>杨钰莹-轻轻的告诉你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010779.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010779.html 精选 精选 杨钰莹、毛宁-心雨 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>杨钰莹、毛宁-心雨</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/杨钰莹、毛宁-心雨.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>杨钰莹、毛宁-心雨</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010778.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010778.html 精选 精选 杨小曼-我爱你胜过你爱我 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>杨小曼-我爱你胜过你爱我</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/杨小曼-我爱你胜过你爱我.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>杨小曼-我爱你胜过你爱我</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010777.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010777.html 精选 精选 杨千桦-小城大事 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>杨千桦-小城大事</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/杨千桦-小城大事.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>杨千桦-小城大事</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010776.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010776.html 精选 精选 杨培安-我相信 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>杨培安-我相信</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/杨培安-我相信.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>杨培安-我相信</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010775.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010775.html 精选 精选 杨培安-爱上你是一个错 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>杨培安-爱上你是一个错</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/杨培安-爱上你是一个错.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>杨培安-爱上你是一个错</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010774.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010774.html 精选 精选 杨幂-爱的供养 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>杨幂-爱的供养</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/杨幂-爱的供养.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>杨幂-爱的供养</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010773.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010773.html 精选 精选 杨坤-无所谓 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>杨坤-无所谓</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/杨坤-无所谓.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>杨坤-无所谓</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010772.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010772.html 精选 精选 杨坤-那一天 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>杨坤-那一天</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/杨坤-那一天.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>杨坤-那一天</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010771.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010771.html 精选 精选 杨坤、陈琳-两个人的世界 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>杨坤、陈琳-两个人的世界</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/杨坤、陈琳-两个人的世界.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>杨坤、陈琳-两个人的世界</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010770.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010770.html 精选 精选 杨丞琳-一千零一个愿望 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>杨丞琳-一千零一个愿望</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/杨丞琳-一千零一个愿望.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>杨丞琳-一千零一个愿望</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010769.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010769.html 精选 精选 杨丞琳-水墨如烟 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>杨丞琳-水墨如烟</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/杨丞琳-水墨如烟.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>杨丞琳-水墨如烟</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010768.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010768.html 精选 精选 杨丞琳-暧昧 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>杨丞琳-暧昧</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/杨丞琳-暧昧.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>杨丞琳-暧昧</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010767.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010767.html 精选 精选 杨臣刚-老鼠爱大米 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>杨臣刚-老鼠爱大米</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/杨臣刚-老鼠爱大米.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>杨臣刚-老鼠爱大米</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010766.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010766.html 精选 精选 央金兰泽-遇上你是我的缘 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>央金兰泽-遇上你是我的缘</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/央金兰泽-遇上你是我的缘.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>央金兰泽-遇上你是我的缘</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010765.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010765.html 精选 精选 严正花-都走吧 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>严正花-都走吧</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/严正花-都走吧.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>严正花-都走吧</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010764.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010764.html 精选 精选 严艺丹-三寸天堂 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>严艺丹-三寸天堂</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/严艺丹-三寸天堂.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>严艺丹-三寸天堂</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010763.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010763.html 精选 精选 严艺丹-等你的季节 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>严艺丹-等你的季节</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/严艺丹-等你的季节.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>严艺丹-等你的季节</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010762.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010762.html 精选 精选 薛之谦-演员 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>薛之谦-演员</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/薛之谦-演员.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>薛之谦-演员</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010761.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010761.html 精选 精选 薛之谦-你还要我怎样 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>薛之谦-你还要我怎样</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/薛之谦-你还要我怎样.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>薛之谦-你还要我怎样</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010760.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010760.html 精选 精选 薛之谦-丑八怪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>薛之谦-丑八怪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/薛之谦-丑八怪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>薛之谦-丑八怪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010759.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010759.html 精选 精选 薛之谦-暧昧 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>薛之谦-暧昧</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/薛之谦-暧昧.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>薛之谦-暧昧</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010758.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010758.html 精选 精选 许志安-为什么你背着我爱别人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>许志安-为什么你背着我爱别人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/许志安-为什么你背着我爱别人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>许志安-为什么你背着我爱别人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010757.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010757.html 精选 精选 许巍-曾经的你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>许巍-曾经的你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/许巍-曾经的你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>许巍-曾经的你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010756.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010756.html 精选 精选 许嵩-断桥残雪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>许嵩-断桥残雪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/许嵩-断桥残雪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>许嵩-断桥残雪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010755.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010755.html 精选 精选 许嵩-半城烟沙 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>许嵩-半城烟沙</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/许嵩-半城烟沙.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>许嵩-半城烟沙</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010754.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010754.html 精选 精选 许嵩、何曼婷-素颜 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>许嵩、何曼婷-素颜</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/许嵩、何曼婷-素颜.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>许嵩、何曼婷-素颜</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010753.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010753.html 精选 精选 许韶洋-幸福的瞬间 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>许韶洋-幸福的瞬间</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/许韶洋-幸福的瞬间.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>许韶洋-幸福的瞬间</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010752.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010752.html 精选 精选 许韶洋-花香 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>许韶洋-花香</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/许韶洋-花香.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>许韶洋-花香</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010751.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010751.html 精选 精选 许茹芸-一直是晴天 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>许茹芸-一直是晴天</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/许茹芸-一直是晴天.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>许茹芸-一直是晴天</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010750.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010750.html 精选 精选 许茹芸-我依然爱你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>许茹芸-我依然爱你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/许茹芸-我依然爱你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>许茹芸-我依然爱你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010749.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010749.html 精选 精选 许茹芸-如果云知道 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>许茹芸-如果云知道</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/许茹芸-如果云知道.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>许茹芸-如果云知道</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010748.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010748.html 精选 精选 许茹芸-日光机场 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>许茹芸-日光机场</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/许茹芸-日光机场.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>许茹芸-日光机场</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010747.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010747.html 精选 精选 许茹芸-泪海 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>许茹芸-泪海</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/许茹芸-泪海.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>许茹芸-泪海</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010746.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010746.html 精选 精选 许茹芸-独角戏 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>许茹芸-独角戏</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/许茹芸-独角戏.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>许茹芸-独角戏</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010745.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010745.html 精选 精选 许美静-遗憾 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>许美静-遗憾</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/许美静-遗憾.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>许美静-遗憾</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010744.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010744.html 精选 精选 许美静-阳光总在风雨后 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>许美静-阳光总在风雨后</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/许美静-阳光总在风雨后.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>许美静-阳光总在风雨后</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010743.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010743.html 精选 精选 许美静-铁窗 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>许美静-铁窗</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/许美静-铁窗.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>许美静-铁窗</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010742.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010742.html 精选 精选 许美静-迫在眉梢 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>许美静-迫在眉梢</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/许美静-迫在眉梢.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>许美静-迫在眉梢</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010741.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010741.html 精选 精选 许美静-迷乱 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>许美静-迷乱</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/许美静-迷乱.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>许美静-迷乱</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010740.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010740.html 精选 精选 许美静-蔓延 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>许美静-蔓延</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/许美静-蔓延.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>许美静-蔓延</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010739.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010739.html 精选 精选 许美静-快乐无罪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>许美静-快乐无罪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/许美静-快乐无罪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>许美静-快乐无罪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010738.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010738.html 精选 精选 许美静-都是夜归人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>许美静-都是夜归人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/许美静-都是夜归人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>许美静-都是夜归人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010737.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010737.html 精选 精选 许美静-荡漾 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>许美静-荡漾</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/许美静-荡漾.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>许美静-荡漾</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010736.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010736.html 精选 精选 许美静-城里的月光 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>许美静-城里的月光</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/许美静-城里的月光.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>许美静-城里的月光</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010735.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010735.html 精选 精选 许佳慧-预谋 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>许佳慧-预谋</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/许佳慧-预谋.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>许佳慧-预谋</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010734.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010734.html 精选 精选 许慧欣-七月七日晴 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>许慧欣-七月七日晴</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/许慧欣-七月七日晴.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>许慧欣-七月七日晴</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010733.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010733.html 精选 精选 徐誉滕-天使的翅膀 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>徐誉滕-天使的翅膀</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/徐誉滕-天使的翅膀.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>徐誉滕-天使的翅膀</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010732.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010732.html 精选 精选 徐誉滕-等一分钟 - <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>徐誉滕-等一分钟 -</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/徐誉滕-等一分钟 -.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>徐誉滕-等一分钟 -</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010731.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010731.html 精选 精选 徐小凤-顺流逆流 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>徐小凤-顺流逆流</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/徐小凤-顺流逆流.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>徐小凤-顺流逆流</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010730.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010730.html 精选 精选 徐小凤-明月千里寄相思 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>徐小凤-明月千里寄相思</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/徐小凤-明月千里寄相思.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>徐小凤-明月千里寄相思</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010729.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010729.html 精选 精选 徐千雅-坐上火车去拉萨 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>徐千雅-坐上火车去拉萨</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/徐千雅-坐上火车去拉萨.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>徐千雅-坐上火车去拉萨</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010728.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010728.html 精选 精选 徐千雅-我在景德镇等你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>徐千雅-我在景德镇等你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/徐千雅-我在景德镇等你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>徐千雅-我在景德镇等你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010727.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010727.html 精选 精选 徐千雅-彩云之南 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>徐千雅-彩云之南</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/徐千雅-彩云之南.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>徐千雅-彩云之南</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010726.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010726.html 精选 精选 徐良-那时雨 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>徐良-那时雨</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/徐良-那时雨.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>徐良-那时雨</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010725.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010725.html 精选 精选 徐良、李玉刚-花魁 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>徐良、李玉刚-花魁</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/徐良、李玉刚-花魁.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>徐良、李玉刚-花魁</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010724.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010724.html 精选 精选 徐佳莹-突然好想你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>徐佳莹-突然好想你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/徐佳莹-突然好想你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>徐佳莹-突然好想你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010723.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010723.html 精选 精选 徐怀钰-踏浪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>徐怀钰-踏浪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/徐怀钰-踏浪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>徐怀钰-踏浪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010722.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010722.html 精选 精选 徐怀钰-分飞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>徐怀钰-分飞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/徐怀钰-分飞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>徐怀钰-分飞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010721.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010721.html 精选 精选 徐怀钰-叮咚 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>徐怀钰-叮咚</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/徐怀钰-叮咚.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>徐怀钰-叮咚</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010720.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010720.html 精选 精选 熊天平-火柴天堂 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>熊天平-火柴天堂</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/熊天平-火柴天堂.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>熊天平-火柴天堂</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010719.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010719.html 精选 精选 信乐团-死了都要爱 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>信乐团-死了都要爱</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/信乐团-死了都要爱.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>信乐团-死了都要爱</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010718.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010718.html 精选 精选 信乐团-离歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>信乐团-离歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/信乐团-离歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>信乐团-离歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010717.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010717.html 精选 精选 信乐团-假如 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>信乐团-假如</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/信乐团-假如.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>信乐团-假如</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010716.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010716.html 精选 精选 信乐团-海阔天空 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>信乐团-海阔天空</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/信乐团-海阔天空.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>信乐团-海阔天空</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010715.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010715.html 精选 精选 辛晓琪-味道 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>辛晓琪-味道</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/辛晓琪-味道.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>辛晓琪-味道</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010714.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010714.html 精选 精选 谢雨欣-天仙子 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>谢雨欣-天仙子</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/谢雨欣-天仙子.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>谢雨欣-天仙子</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010713.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010713.html 精选 精选 谢雨欣-第三天 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>谢雨欣-第三天</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/谢雨欣-第三天.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>谢雨欣-第三天</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010712.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010712.html 精选 精选 谢雨欣-步步高 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>谢雨欣-步步高</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/谢雨欣-步步高.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>谢雨欣-步步高</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010711.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010711.html 精选 精选 谢霆锋-因为爱所以爱 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>谢霆锋-因为爱所以爱</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/谢霆锋-因为爱所以爱.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>谢霆锋-因为爱所以爱</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010710.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010710.html 精选 精选 谢霆锋-谢谢你的爱1999 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>谢霆锋-谢谢你的爱1999</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/谢霆锋-谢谢你的爱1999.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>谢霆锋-谢谢你的爱1999</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010709.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010709.html 精选 精选 谢娜-菠萝菠萝蜜 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>谢娜-菠萝菠萝蜜</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/谢娜-菠萝菠萝蜜.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>谢娜-菠萝菠萝蜜</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010708.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010708.html 精选 精选 谢军-心在跳情在烧 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>谢军-心在跳情在烧</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/谢军-心在跳情在烧.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>谢军-心在跳情在烧</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010707.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010707.html 精选 精选 谢东-中华民谣 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>谢东-中华民谣</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/谢东-中华民谣.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>谢东-中华民谣</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010706.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010706.html 精选 精选 谢东-笑脸 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>谢东-笑脸</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/谢东-笑脸.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>谢东-笑脸</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010705.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010705.html 精选 精选 小沈阳-都要好好的 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>小沈阳-都要好好的</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/小沈阳-都要好好的.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>小沈阳-都要好好的</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010704.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010704.html 精选 精选 小沈阳-爱是你我 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>小沈阳-爱是你我</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/小沈阳-爱是你我.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>小沈阳-爱是你我</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010703.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010703.html 精选 精选 小潘潘、小峰峰-学猫叫 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>小潘潘、小峰峰-学猫叫</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/小潘潘、小峰峰-学猫叫.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>小潘潘、小峰峰-学猫叫</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010702.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010702.html 精选 精选 小虎队-十七岁的雨季 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>小虎队-十七岁的雨季</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/小虎队-十七岁的雨季.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>小虎队-十七岁的雨季</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010701.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010701.html 精选 精选 小虎队-青苹果乐园 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>小虎队-青苹果乐园</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/小虎队-青苹果乐园.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>小虎队-青苹果乐园</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010700.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010700.html 精选 精选 小虎队-爱 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>小虎队-爱</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/小虎队-爱.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>小虎队-爱</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010699.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010699.html 精选 精选 萧亚轩-最熟悉的陌生人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>萧亚轩-最熟悉的陌生人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/萧亚轩-最熟悉的陌生人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>萧亚轩-最熟悉的陌生人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010698.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010698.html 精选 精选 萧亚轩-一个人的精彩 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>萧亚轩-一个人的精彩</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/萧亚轩-一个人的精彩.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>萧亚轩-一个人的精彩</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010697.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010697.html 精选 精选 萧亚轩-我爱你那么多 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>萧亚轩-我爱你那么多</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/萧亚轩-我爱你那么多.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>萧亚轩-我爱你那么多</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010696.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010696.html 精选 精选 萧亚轩-突然想起你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>萧亚轩-突然想起你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/萧亚轩-突然想起你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>萧亚轩-突然想起你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010695.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010695.html 精选 精选 萧亚轩-蔷薇 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>萧亚轩-蔷薇</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/萧亚轩-蔷薇.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>萧亚轩-蔷薇</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010694.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010694.html 精选 精选 萧亚轩-类似爱情 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>萧亚轩-类似爱情</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/萧亚轩-类似爱情.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>萧亚轩-类似爱情</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010693.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010693.html 精选 精选 萧亚轩-窗外的天气 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>萧亚轩-窗外的天气</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/萧亚轩-窗外的天气.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>萧亚轩-窗外的天气</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010692.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010692.html 精选 精选 萧亚轩-HoneyHoneyHoney <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>萧亚轩-HoneyHoneyHoney</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/萧亚轩-HoneyHoneyHoney.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>萧亚轩-HoneyHoneyHoney</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010691.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010691.html 精选 精选 萧亚轩-Cappuccino <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>萧亚轩-Cappuccino</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/萧亚轩-Cappuccino.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>萧亚轩-Cappuccino</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010690.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010690.html 精选 精选 萧亚轩、韩庚-最佳听众 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>萧亚轩、韩庚-最佳听众</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/萧亚轩、韩庚-最佳听众.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>萧亚轩、韩庚-最佳听众</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010689.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010689.html 精选 精选 萧萧-倔强的坚强 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>萧萧-倔强的坚强</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/萧萧-倔强的坚强.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>萧萧-倔强的坚强</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010688.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010688.html 精选 精选 萧全-社会摇 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>萧全-社会摇</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/萧全-社会摇.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>萧全-社会摇</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010687.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010687.html 精选 精选 萧全-海草舞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>萧全-海草舞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/萧全-海草舞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>萧全-海草舞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010686.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010686.html 精选 精选 萧全、孙语赛-不仅仅是喜欢 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>萧全、孙语赛-不仅仅是喜欢</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/萧全、孙语赛-不仅仅是喜欢.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>萧全、孙语赛-不仅仅是喜欢</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010685.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010685.html 精选 精选 萧敬腾-王妃 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>萧敬腾-王妃</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/萧敬腾-王妃.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>萧敬腾-王妃</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010684.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010684.html 精选 精选 萧煌奇-偷走 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>萧煌奇-偷走</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/萧煌奇-偷走.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>萧煌奇-偷走</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010683.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010683.html 精选 精选 香香-猪之歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>香香-猪之歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/香香-猪之歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>香香-猪之歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010682.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010682.html 精选 精选 夏婉安-听不完的情歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>夏婉安-听不完的情歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/夏婉安-听不完的情歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>夏婉安-听不完的情歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010681.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010681.html 精选 精选 希亚-心醉 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>希亚-心醉</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/希亚-心醉.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>希亚-心醉</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010680.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010680.html 精选 精选 希林娜依高-瑕面舞会 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>希林娜依高-瑕面舞会</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/希林娜依高-瑕面舞会.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>希林娜依高-瑕面舞会</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010679.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010679.html 精选 精选 希林娜依高-微光星海 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>希林娜依高-微光星海</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/希林娜依高-微光星海.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>希林娜依高-微光星海</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010678.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010678.html 精选 精选 希林娜依高-那年星辰 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>希林娜依高-那年星辰</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/希林娜依高-那年星辰.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>希林娜依高-那年星辰</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010677.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010677.html 精选 精选 希林娜依高-红尘莫欺我年少 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>希林娜依高-红尘莫欺我年少</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/希林娜依高-红尘莫欺我年少.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>希林娜依高-红尘莫欺我年少</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010676.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010676.html 精选 精选 希莉娜依、胡兵-归去来 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>希莉娜依、胡兵-归去来</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/希莉娜依、胡兵-归去来.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>希莉娜依、胡兵-归去来</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010675.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010675.html 精选 精选 伍思凯-特别的爱给特别的你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>伍思凯-特别的爱给特别的你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/伍思凯-特别的爱给特别的你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>伍思凯-特别的爱给特别的你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010674.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010674.html 精选 精选 伍佰-突然的自我 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>伍佰-突然的自我</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/伍佰-突然的自我.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>伍佰-突然的自我</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010673.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010673.html 精选 精选 伍佰-挪威的森林 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>伍佰-挪威的森林</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/伍佰-挪威的森林.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>伍佰-挪威的森林</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010672.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010672.html 精选 精选 五月天-突然好想你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>五月天-突然好想你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/五月天-突然好想你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>五月天-突然好想你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010671.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010671.html 精选 精选 五月天-你不是真正的快乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>五月天-你不是真正的快乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/五月天-你不是真正的快乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>五月天-你不是真正的快乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010670.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010670.html 精选 精选 吴亦凡-大碗宽面 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>吴亦凡-大碗宽面</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/吴亦凡-大碗宽面.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>吴亦凡-大碗宽面</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010669.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010669.html 精选 精选 吴奇隆-烟火 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>吴奇隆-烟火</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/吴奇隆-烟火.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>吴奇隆-烟火</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010668.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010668.html 精选 精选 吴克群-为你写诗 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>吴克群-为你写诗</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/吴克群-为你写诗.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>吴克群-为你写诗</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010667.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010667.html 精选 精选 巫启贤-太傻 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>巫启贤-太傻</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/巫启贤-太傻.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>巫启贤-太傻</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010666.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010666.html 精选 精选 巫启贤-红尘来去一场梦 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>巫启贤-红尘来去一场梦</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/巫启贤-红尘来去一场梦.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>巫启贤-红尘来去一场梦</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010665.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010665.html 精选 精选 乌兰托娅-套马杆 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>乌兰托娅-套马杆</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/乌兰托娅-套马杆.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>乌兰托娅-套马杆</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010664.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010664.html 精选 精选 乌兰托娅-火红的萨日朗 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>乌兰托娅-火红的萨日朗</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/乌兰托娅-火红的萨日朗.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>乌兰托娅-火红的萨日朗</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010663.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010663.html 精选 精选 乌达木-梦中的额吉 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>乌达木-梦中的额吉</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/乌达木-梦中的额吉.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>乌达木-梦中的额吉</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010662.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010662.html 精选 精选 闻人听書-虞兮叹 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>闻人听書-虞兮叹</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/闻人听書-虞兮叹.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>闻人听書-虞兮叹</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010661.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010661.html 精选 精选 温奕心-一路生花 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>温奕心-一路生花</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/温奕心-一路生花.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>温奕心-一路生花</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010660.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010660.html 精选 精选 魏新雨-余情未了 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>魏新雨-余情未了</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/魏新雨-余情未了.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>魏新雨-余情未了</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010659.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010659.html 精选 精选 魏新雨-恋人心 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>魏新雨-恋人心</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/魏新雨-恋人心.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>魏新雨-恋人心</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010658.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010658.html 精选 精选 旺仔小乔-樱花树下的约定 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>旺仔小乔-樱花树下的约定</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/旺仔小乔-樱花树下的约定.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>旺仔小乔-樱花树下的约定</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010657.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010657.html 精选 精选 旺仔小乔-年轮 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>旺仔小乔-年轮</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/旺仔小乔-年轮.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>旺仔小乔-年轮</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010656.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010656.html 精选 精选 王铮亮-时间都去哪儿了 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王铮亮-时间都去哪儿了</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王铮亮-时间都去哪儿了.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王铮亮-时间都去哪儿了</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010655.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010655.html 精选 精选 王娅-爱情错觉 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王娅-爱情错觉</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王娅-爱情错觉.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王娅-爱情错觉</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010654.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010654.html 精选 精选 王馨平-别问我是谁 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王馨平-别问我是谁</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王馨平-别问我是谁.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王馨平-别问我是谁</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010653.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010653.html 精选 精选 王心凌-心心相印 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王心凌-心心相印</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王心凌-心心相印.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王心凌-心心相印</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010652.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010652.html 精选 精选 王心凌-不哭 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王心凌-不哭</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王心凌-不哭.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王心凌-不哭</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010651.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010651.html 精选 精选 王心凌-爱你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王心凌-爱你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王心凌-爱你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王心凌-爱你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010650.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010650.html 精选 精选 王心凌-honey <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王心凌-honey</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王心凌-honey.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王心凌-honey</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010649.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010649.html 精选 精选 王唯旖-无情画 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王唯旖-无情画</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王唯旖-无情画.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王唯旖-无情画</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010648.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010648.html 精选 精选 王蓉-我不是黄蓉 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王蓉-我不是黄蓉</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王蓉-我不是黄蓉.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王蓉-我不是黄蓉</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010647.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010647.html 精选 精选 王蓉-爸爸妈妈 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王蓉-爸爸妈妈</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王蓉-爸爸妈妈.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王蓉-爸爸妈妈</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010646.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010646.html 精选 精选 王蓉-哎呀 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王蓉-哎呀</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王蓉-哎呀.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王蓉-哎呀</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010645.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010645.html 精选 精选 王强-你把爱情给了谁 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王强-你把爱情给了谁</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王强-你把爱情给了谁.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王强-你把爱情给了谁</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010644.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010644.html 精选 精选 王麟-伤不起 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王麟-伤不起</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王麟-伤不起.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王麟-伤不起</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010643.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010643.html 精选 精选 王麟-QQ爱 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王麟-QQ爱</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王麟-QQ爱.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王麟-QQ爱</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010642.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010642.html 精选 精选 王麟、完玛三智-唐古拉 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王麟、完玛三智-唐古拉</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王麟、完玛三智-唐古拉.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王麟、完玛三智-唐古拉</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010641.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010641.html 精选 精选 王力宏-唯一 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王力宏-唯一</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王力宏-唯一.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王力宏-唯一</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010640.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010640.html 精选 精选 王力宏-天地龙鳞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王力宏-天地龙鳞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王力宏-天地龙鳞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王力宏-天地龙鳞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010639.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010639.html 精选 精选 王力宏-爱的就是你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王力宏-爱的就是你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王力宏-爱的就是你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王力宏-爱的就是你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010638.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010638.html 精选 精选 王力宏 selina-你是我心内的一首歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王力宏 selina-你是我心内的一首歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王力宏 selina-你是我心内的一首歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王力宏 selina-你是我心内的一首歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010637.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010637.html 精选 精选 王靖雯-沦陷 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王靖雯-沦陷</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王靖雯-沦陷.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王靖雯-沦陷</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010636.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010636.html 精选 精选 王杰-英雄泪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王杰-英雄泪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王杰-英雄泪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王杰-英雄泪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010635.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010635.html 精选 精选 王杰-一无所有 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王杰-一无所有</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王杰-一无所有.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王杰-一无所有</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010634.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010634.html 精选 精选 王杰-一场游戏一场梦 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王杰-一场游戏一场梦</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王杰-一场游戏一场梦.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王杰-一场游戏一场梦</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010633.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010633.html 精选 精选 王杰-为了爱梦一生 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王杰-为了爱梦一生</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王杰-为了爱梦一生.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王杰-为了爱梦一生</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010632.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010632.html 精选 精选 王杰-忘了你忘了我 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王杰-忘了你忘了我</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王杰-忘了你忘了我.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王杰-忘了你忘了我</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010631.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010631.html 精选 精选 王杰-忘记你不如忘记自己 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王杰-忘记你不如忘记自己</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王杰-忘记你不如忘记自己.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王杰-忘记你不如忘记自己</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010630.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010630.html 精选 精选 王杰-伤心1999 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王杰-伤心1999</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王杰-伤心1999.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王杰-伤心1999</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010629.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010629.html 精选 精选 王杰-你是我胸口永远的痛 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王杰-你是我胸口永远的痛</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王杰-你是我胸口永远的痛.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王杰-你是我胸口永远的痛</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010628.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010628.html 精选 精选 王赫野-大风吹 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王赫野-大风吹</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王赫野-大风吹.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王赫野-大风吹</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010627.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010627.html 精选 精选 王菲-笑忘书 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王菲-笑忘书</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王菲-笑忘书.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王菲-笑忘书</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010626.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010626.html 精选 精选 王菲-如愿 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王菲-如愿</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王菲-如愿.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王菲-如愿</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010625.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010625.html 精选 精选 王菲-容易受伤的女人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王菲-容易受伤的女人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王菲-容易受伤的女人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王菲-容易受伤的女人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010624.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010624.html 精选 精选 王菲-红豆 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王菲-红豆</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王菲-红豆.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王菲-红豆</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010623.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010623.html 精选 精选 王菲-传奇 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王菲-传奇</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王菲-传奇.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王菲-传奇</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010622.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010622.html 精选 精选 王菲 陈奕迅 -因为爱情 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>王菲 陈奕迅 -因为爱情</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/王菲 陈奕迅 -因为爱情.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>王菲 陈奕迅 -因为爱情</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010621.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010621.html 精选 精选 汪正正-重头再来 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>汪正正-重头再来</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/汪正正-重头再来.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>汪正正-重头再来</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010620.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010620.html 精选 精选 汪正正-超越梦想 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>汪正正-超越梦想</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/汪正正-超越梦想.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>汪正正-超越梦想</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010619.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010619.html 精选 精选 汪苏泷-不分手的恋爱 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>汪苏泷-不分手的恋爱</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/汪苏泷-不分手的恋爱.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>汪苏泷-不分手的恋爱</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010618.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010618.html 精选 精选 汪苏泷、By2-有点甜 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>汪苏泷、By2-有点甜</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/汪苏泷、By2-有点甜.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>汪苏泷、By2-有点甜</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010617.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010617.html 精选 精选 汪明荃-万水千山总是情 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>汪明荃-万水千山总是情</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/汪明荃-万水千山总是情.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>汪明荃-万水千山总是情</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010616.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010616.html 精选 精选 汪峰-一起摇摆 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>汪峰-一起摇摆</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/汪峰-一起摇摆.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>汪峰-一起摇摆</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010615.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010615.html 精选 精选 汪峰-也许我可以无视死亡 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>汪峰-也许我可以无视死亡</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/汪峰-也许我可以无视死亡.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>汪峰-也许我可以无视死亡</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010614.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010614.html 精选 精选 汪峰-无处安放 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>汪峰-无处安放</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/汪峰-无处安放.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>汪峰-无处安放</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010613.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010613.html 精选 精选 汪峰-怒放的生命 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>汪峰-怒放的生命</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/汪峰-怒放的生命.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>汪峰-怒放的生命</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010612.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010612.html 精选 精选 汪峰-飞得更高 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>汪峰-飞得更高</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/汪峰-飞得更高.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>汪峰-飞得更高</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010611.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010611.html 精选 精选 汪峰-存在 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>汪峰-存在</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/汪峰-存在.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>汪峰-存在</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010610.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010610.html 精选 精选 汪峰-春天里 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>汪峰-春天里</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/汪峰-春天里.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>汪峰-春天里</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010609.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010609.html 精选 精选 汪峰-北京北京 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>汪峰-北京北京</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/汪峰-北京北京.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>汪峰-北京北京</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010608.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010608.html 精选 精选 娃娃-漂洋过海来看你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>娃娃-漂洋过海来看你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/娃娃-漂洋过海来看你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>娃娃-漂洋过海来看你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010607.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010607.html 精选 精选 屠洪刚-精忠报国 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>屠洪刚-精忠报国</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/屠洪刚-精忠报国.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>屠洪刚-精忠报国</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010606.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010606.html 精选 精选 屠洪刚-霸王别姬 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>屠洪刚-霸王别姬</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/屠洪刚-霸王别姬.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>屠洪刚-霸王别姬</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010605.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010605.html 精选 精选 童安格-明天你是否依然爱我 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>童安格-明天你是否依然爱我</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/童安格-明天你是否依然爱我.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>童安格-明天你是否依然爱我</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010604.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010604.html 精选 精选 铁达尼号主题曲-MyHeartWillGoOn <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>铁达尼号主题曲-MyHeartWillGoOn</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/铁达尼号主题曲-MyHeartWillGoOn.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>铁达尼号主题曲-MyHeartWillGoOn</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010603.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010603.html 精选 精选 田震-干杯朋友 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>田震-干杯朋友</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/田震-干杯朋友.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>田震-干杯朋友</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010602.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010602.html 精选 精选 田震-风雨彩虹铿锵玫瑰 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>田震-风雨彩虹铿锵玫瑰</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/田震-风雨彩虹铿锵玫瑰.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>田震-风雨彩虹铿锵玫瑰</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010601.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010601.html 精选 精选 田馥甄-小幸运 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>田馥甄-小幸运</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/田馥甄-小幸运.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>田馥甄-小幸运</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010600.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010600.html 精选 精选 田馥甄-寂寞寂寞就好 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>田馥甄-寂寞寂寞就好</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/田馥甄-寂寞寂寞就好.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>田馥甄-寂寞寂寞就好</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010599.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010599.html 精选 精选 腾格尔-天堂 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>腾格尔-天堂</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/腾格尔-天堂.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>腾格尔-天堂</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010598.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010598.html 精选 精选 陶喆-小镇姑娘 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陶喆-小镇姑娘</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陶喆-小镇姑娘.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陶喆-小镇姑娘</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010597.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010597.html 精选 精选 陶喆-爱我还是他 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陶喆-爱我还是他</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陶喆-爱我还是他.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陶喆-爱我还是他</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010596.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010596.html 精选 精选 陶喆-爱很简单 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陶喆-爱很简单</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陶喆-爱很简单.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陶喆-爱很简单</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010595.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010595.html 精选 精选 陶喆-melody <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陶喆-melody</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陶喆-melody.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陶喆-melody</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010594.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010594.html 精选 精选 陶晶莹-太委屈 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陶晶莹-太委屈</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陶晶莹-太委屈.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陶晶莹-太委屈</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010593.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010593.html 精选 精选 唐磊-丁香花 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>唐磊-丁香花</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/唐磊-丁香花.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>唐磊-丁香花</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010592.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010592.html 精选 精选 唐汉霄-烂泥 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>唐汉霄-烂泥</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/唐汉霄-烂泥.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>唐汉霄-烂泥</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010591.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010591.html 精选 精选 汤潮-美了美了 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>汤潮-美了美了</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/汤潮-美了美了.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>汤潮-美了美了</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010590.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010590.html 精选 精选 汤潮-狼爱上羊 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>汤潮-狼爱上羊</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/汤潮-狼爱上羊.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>汤潮-狼爱上羊</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010589.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010589.html 精选 精选 谭咏麟-再见亦是泪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>谭咏麟-再见亦是泪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/谭咏麟-再见亦是泪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>谭咏麟-再见亦是泪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010588.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010588.html 精选 精选 谭咏麟-爱在深秋 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>谭咏麟-爱在深秋</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/谭咏麟-爱在深秋.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>谭咏麟-爱在深秋</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010587.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010587.html 精选 精选 谭晶-赤伶 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>谭晶-赤伶</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/谭晶-赤伶.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>谭晶-赤伶</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010586.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010586.html 精选 精选 邰正宵-找一个字代替 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>邰正宵-找一个字代替</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/邰正宵-找一个字代替.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>邰正宵-找一个字代替</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010585.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010585.html 精选 精选 邰正宵-一千零一夜 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>邰正宵-一千零一夜</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/邰正宵-一千零一夜.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>邰正宵-一千零一夜</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010584.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010584.html 精选 精选 邰正宵-心要让你听见 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>邰正宵-心要让你听见</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/邰正宵-心要让你听见.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>邰正宵-心要让你听见</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010583.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010583.html 精选 精选 邰正宵-千纸鹤 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>邰正宵-千纸鹤</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/邰正宵-千纸鹤.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>邰正宵-千纸鹤</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010582.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010582.html 精选 精选 邰正宵-九百九十九朵玫瑰 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>邰正宵-九百九十九朵玫瑰</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/邰正宵-九百九十九朵玫瑰.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>邰正宵-九百九十九朵玫瑰</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010581.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010581.html 精选 精选 邰正宵、孙悦-好人好梦 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>邰正宵、孙悦-好人好梦</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/邰正宵、孙悦-好人好梦.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>邰正宵、孙悦-好人好梦</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010580.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010580.html 精选 精选 索朗扎西-姑娘我爱你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>索朗扎西-姑娘我爱你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/索朗扎西-姑娘我爱你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>索朗扎西-姑娘我爱你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010579.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010579.html 精选 精选 孙悦-祝你平安 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>孙悦-祝你平安</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/孙悦-祝你平安.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>孙悦-祝你平安</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010578.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010578.html 精选 精选 孙悦-幸福快车 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>孙悦-幸福快车</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/孙悦-幸福快车.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>孙悦-幸福快车</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010577.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010577.html 精选 精选 孙悦-心情不错 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>孙悦-心情不错</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/孙悦-心情不错.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>孙悦-心情不错</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010576.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010576.html 精选 精选 孙悦-快乐指南 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>孙悦-快乐指南</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/孙悦-快乐指南.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>孙悦-快乐指南</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010575.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010575.html 精选 精选 孙燕姿-原来你什么都不要 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>孙燕姿-原来你什么都不要</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/孙燕姿-原来你什么都不要.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>孙燕姿-原来你什么都不要</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010574.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010574.html 精选 精选 孙燕姿-遇见 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>孙燕姿-遇见</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/孙燕姿-遇见.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>孙燕姿-遇见</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010573.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010573.html 精选 精选 孙燕姿-我要的幸福 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>孙燕姿-我要的幸福</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/孙燕姿-我要的幸福.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>孙燕姿-我要的幸福</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010572.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010572.html 精选 精选 孙燕姿-天黑黑 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>孙燕姿-天黑黑</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/孙燕姿-天黑黑.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>孙燕姿-天黑黑</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010571.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010571.html 精选 精选 孙燕姿-绿光 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>孙燕姿-绿光</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/孙燕姿-绿光.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>孙燕姿-绿光</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010570.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010570.html 精选 精选 孙燕姿-开始懂了 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>孙燕姿-开始懂了</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/孙燕姿-开始懂了.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>孙燕姿-开始懂了</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010569.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010569.html 精选 精选 孙燕姿-坏天气 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>孙燕姿-坏天气</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/孙燕姿-坏天气.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>孙燕姿-坏天气</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010568.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010568.html 精选 精选 孙燕姿-风筝 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>孙燕姿-风筝</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/孙燕姿-风筝.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>孙燕姿-风筝</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010567.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010567.html 精选 精选 孙楠-拯救 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>孙楠-拯救</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/孙楠-拯救.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>孙楠-拯救</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010566.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010566.html 精选 精选 孙楠-缘分的天空 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>孙楠-缘分的天空</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/孙楠-缘分的天空.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>孙楠-缘分的天空</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010565.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010565.html 精选 精选 孙楠-你快回来 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>孙楠-你快回来</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/孙楠-你快回来.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>孙楠-你快回来</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010564.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010564.html 精选 精选 孙楠-IBelieve <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>孙楠-IBelieve</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/孙楠-IBelieve.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>孙楠-IBelieve</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010563.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010563.html 精选 精选 孙楠、韩红-美丽的神话 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>孙楠、韩红-美丽的神话</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/孙楠、韩红-美丽的神话.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>孙楠、韩红-美丽的神话</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010562.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010562.html 精选 精选 孙浩-中华民谣 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>孙浩-中华民谣</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/孙浩-中华民谣.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>孙浩-中华民谣</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010561.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010561.html 精选 精选 孙国庆-上上签 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>孙国庆-上上签</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/孙国庆-上上签.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>孙国庆-上上签</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010560.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010560.html 精选 精选 孙国庆-代价 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>孙国庆-代价</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/孙国庆-代价.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>孙国庆-代价</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010559.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010559.html 精选 精选 苏运莹-野子 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>苏运莹-野子</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/苏运莹-野子.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>苏运莹-野子</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010558.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010558.html 精选 精选 苏永康-男人不该让女人流泪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>苏永康-男人不该让女人流泪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/苏永康-男人不该让女人流泪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>苏永康-男人不该让女人流泪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010557.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010557.html 精选 精选 苏永康-爱一个人好难 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>苏永康-爱一个人好难</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/苏永康-爱一个人好难.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>苏永康-爱一个人好难</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010556.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010556.html 精选 精选 苏星婕-听悲伤的情歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>苏星婕-听悲伤的情歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/苏星婕-听悲伤的情歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>苏星婕-听悲伤的情歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010555.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010555.html 精选 精选 苏芮-牵手 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>苏芮-牵手</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/苏芮-牵手.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>苏芮-牵手</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010554.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010554.html 精选 精选 苏慧伦-鸭子 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>苏慧伦-鸭子</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/苏慧伦-鸭子.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>苏慧伦-鸭子</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010553.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010553.html 精选 精选 斯琴高丽-犯错 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>斯琴高丽-犯错</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/斯琴高丽-犯错.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>斯琴高丽-犯错</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010552.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010552.html 精选 精选 顺子-回家(Live) <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>顺子-回家(Live)</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/顺子-回家(Live).mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>顺子-回家(Live)</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010551.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010551.html 精选 精选 水木年华-在他乡 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>水木年华-在他乡</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/水木年华-在他乡.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>水木年华-在他乡</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010550.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010550.html 精选 精选 水木年华-一生有你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>水木年华-一生有你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/水木年华-一生有你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>水木年华-一生有你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010549.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010549.html 精选 精选 淑熙-啦啦啦 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>淑熙-啦啦啦</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/淑熙-啦啦啦.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>淑熙-啦啦啦</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010548.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010548.html 精选 精选 石头-坚强的石头 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>石头-坚强的石头</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/石头-坚强的石头.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>石头-坚强的石头</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010547.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010547.html 精选 精选 石头 李玉刚-雨花石 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>石头 李玉刚-雨花石</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/石头 李玉刚-雨花石.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>石头 李玉刚-雨花石</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010546.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010546.html 精选 精选 深海鱼子酱-千千万万 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>深海鱼子酱-千千万万</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/深海鱼子酱-千千万万.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>深海鱼子酱-千千万万</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010545.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010545.html 精选 精选 少女时代-TheBoys <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>少女时代-TheBoys</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/少女时代-TheBoys.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>少女时代-TheBoys</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010544.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010544.html 精选 精选 少女时代-MrTaxi <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>少女时代-MrTaxi</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/少女时代-MrTaxi.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>少女时代-MrTaxi</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010543.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010543.html 精选 精选 少女时代-Gee <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>少女时代-Gee</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/少女时代-Gee.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>少女时代-Gee</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010542.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010542.html 精选 精选 沙宝亮-斑马斑马 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>沙宝亮-斑马斑马</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/沙宝亮-斑马斑马.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>沙宝亮-斑马斑马</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010541.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010541.html 精选 精选 沙宝亮-暗香 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>沙宝亮-暗香</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/沙宝亮-暗香.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>沙宝亮-暗香</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010540.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010540.html 精选 精选 三楠-晚风作酒 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>三楠-晚风作酒</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/三楠-晚风作酒.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>三楠-晚风作酒</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010539.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010539.html 精选 精选 萨顶顶-左手指月 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>萨顶顶-左手指月</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/萨顶顶-左手指月.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>萨顶顶-左手指月</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010538.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010538.html 精选 精选 萨顶顶-自由行走的花 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>萨顶顶-自由行走的花</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/萨顶顶-自由行走的花.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>萨顶顶-自由行走的花</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010537.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010537.html 精选 精选 萨顶顶-自己美 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>萨顶顶-自己美</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/萨顶顶-自己美.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>萨顶顶-自己美</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010536.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010536.html 精选 精选 萨顶顶-万物生 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>萨顶顶-万物生</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/萨顶顶-万物生.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>萨顶顶-万物生</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010535.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010535.html 精选 精选 萨顶顶-万物生(梵文版) <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>萨顶顶-万物生(梵文版)</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/萨顶顶-万物生(梵文版).mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>萨顶顶-万物生(梵文版)</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010534.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010534.html 精选 精选 萨顶顶-咚巴啦 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>萨顶顶-咚巴啦</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/萨顶顶-咚巴啦.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>萨顶顶-咚巴啦</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010533.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010533.html 精选 精选 萨顶顶、周深-左手指月 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>萨顶顶、周深-左手指月</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/萨顶顶、周深-左手指月.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>萨顶顶、周深-左手指月</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010532.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010532.html 精选 精选 容祖儿-小小 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>容祖儿-小小</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/容祖儿-小小.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>容祖儿-小小</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010531.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010531.html 精选 精选 容祖儿-我的骄傲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>容祖儿-我的骄傲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/容祖儿-我的骄傲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>容祖儿-我的骄傲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010530.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010530.html 精选 精选 容祖儿-挥着翅膀的女孩 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>容祖儿-挥着翅膀的女孩</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/容祖儿-挥着翅膀的女孩.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>容祖儿-挥着翅膀的女孩</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010529.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010529.html 精选 精选 任贤齐-心太软 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>任贤齐-心太软</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/任贤齐-心太软.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>任贤齐-心太软</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010528.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010528.html 精选 精选 任贤齐-小雪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>任贤齐-小雪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/任贤齐-小雪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>任贤齐-小雪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010527.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010527.html 精选 精选 任贤齐-我是一只鱼 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>任贤齐-我是一只鱼</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/任贤齐-我是一只鱼.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>任贤齐-我是一只鱼</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010526.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010526.html 精选 精选 任贤齐-伤心太平洋 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>任贤齐-伤心太平洋</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/任贤齐-伤心太平洋.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>任贤齐-伤心太平洋</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010525.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010525.html 精选 精选 任贤齐-流着泪的你的脸 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>任贤齐-流着泪的你的脸</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/任贤齐-流着泪的你的脸.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>任贤齐-流着泪的你的脸</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010524.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010524.html 精选 精选 任贤齐-沧海一声笑 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>任贤齐-沧海一声笑</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/任贤齐-沧海一声笑.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>任贤齐-沧海一声笑</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010523.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010523.html 精选 精选 任妙音-风筝 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>任妙音-风筝</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/任妙音-风筝.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>任妙音-风筝</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010522.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010522.html 精选 精选 饶天亮-做你的爱人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>饶天亮-做你的爱人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/饶天亮-做你的爱人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>饶天亮-做你的爱人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010521.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010521.html 精选 精选 群星-夜空中最闪亮的星 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>群星-夜空中最闪亮的星</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/群星-夜空中最闪亮的星.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>群星-夜空中最闪亮的星</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010520.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010520.html 精选 精选 曲婉婷-我的歌声里 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>曲婉婷-我的歌声里</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/曲婉婷-我的歌声里.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>曲婉婷-我的歌声里</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010519.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010519.html 精选 精选 裘海正-九千九百九十九滴眼泪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>裘海正-九千九百九十九滴眼泪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/裘海正-九千九百九十九滴眼泪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>裘海正-九千九百九十九滴眼泪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010518.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010518.html 精选 精选 裘海正-爱我的人和我爱的人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>裘海正-爱我的人和我爱的人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/裘海正-爱我的人和我爱的人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>裘海正-爱我的人和我爱的人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010517.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010517.html 精选 精选 邱永传-十一年 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>邱永传-十一年</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/邱永传-十一年.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>邱永传-十一年</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010516.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010516.html 精选 精选 浅影阿、汐音社-探故知 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>浅影阿、汐音社-探故知</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/浅影阿、汐音社-探故知.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>浅影阿、汐音社-探故知</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010515.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010515.html 精选 精选 千百惠-走过咖啡屋 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>千百惠-走过咖啡屋</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/千百惠-走过咖啡屋.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>千百惠-走过咖啡屋</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010514.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010514.html 精选 精选 奇然、沈谧仁-琵琶行 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>奇然、沈谧仁-琵琶行</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/奇然、沈谧仁-琵琶行.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>奇然、沈谧仁-琵琶行</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010513.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010513.html 精选 精选 祁隆、乐凡-等你等了那么久 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>祁隆、乐凡-等你等了那么久</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/祁隆、乐凡-等你等了那么久.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>祁隆、乐凡-等你等了那么久</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010512.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010512.html 精选 精选 齐豫-橄榄树 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>齐豫-橄榄树</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/齐豫-橄榄树.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>齐豫-橄榄树</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010511.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010511.html 精选 精选 齐秦-夜夜夜夜 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>齐秦-夜夜夜夜</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/齐秦-夜夜夜夜.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>齐秦-夜夜夜夜</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010510.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010510.html 精选 精选 齐秦-无情的雨无情的你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>齐秦-无情的雨无情的你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/齐秦-无情的雨无情的你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>齐秦-无情的雨无情的你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010509.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010509.html 精选 精选 齐秦-往事随风 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>齐秦-往事随风</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/齐秦-往事随风.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>齐秦-往事随风</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010508.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010508.html 精选 精选 齐秦-狼 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>齐秦-狼</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/齐秦-狼.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>齐秦-狼</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010507.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010507.html 精选 精选 齐秦-大约在冬季 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>齐秦-大约在冬季</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/齐秦-大约在冬季.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>齐秦-大约在冬季</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010506.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010506.html 精选 精选 齐秦-不让我的眼泪陪我过夜 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>齐秦-不让我的眼泪陪我过夜</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/齐秦-不让我的眼泪陪我过夜.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>齐秦-不让我的眼泪陪我过夜</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010505.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010505.html 精选 精选 齐晨-咱们结婚吧 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>齐晨-咱们结婚吧</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/齐晨-咱们结婚吧.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>齐晨-咱们结婚吧</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010504.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010504.html 精选 精选 戚薇、杨宗纬-为了遇见你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>戚薇、杨宗纬-为了遇见你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/戚薇、杨宗纬-为了遇见你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>戚薇、杨宗纬-为了遇见你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010503.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010503.html 精选 精选 七叔（叶泽浩）-踏山河 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>七叔（叶泽浩）-踏山河</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/七叔（叶泽浩）-踏山河.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>七叔（叶泽浩）-踏山河</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010502.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010502.html 精选 精选 七叔（叶泽浩）-半生雪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>七叔（叶泽浩）-半生雪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/七叔（叶泽浩）-半生雪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>七叔（叶泽浩）-半生雪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010501.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010501.html 精选 精选 朴树-平凡之路 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>朴树-平凡之路</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/朴树-平凡之路.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>朴树-平凡之路</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010500.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010500.html 精选 精选 朴树-那些花儿 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>朴树-那些花儿</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/朴树-那些花儿.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>朴树-那些花儿</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010499.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010499.html 精选 精选 朴树-白桦林 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>朴树-白桦林</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/朴树-白桦林.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>朴树-白桦林</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010498.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010498.html 精选 精选 朴惠京-RAIN <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>朴惠京-RAIN</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/朴惠京-RAIN.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>朴惠京-RAIN</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010497.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010497.html 精选 精选 平生不晚-难却 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>平生不晚-难却</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/平生不晚-难却.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>平生不晚-难却</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010496.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010496.html 精选 精选 彭筝-太想念 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>彭筝-太想念</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/彭筝-太想念.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>彭筝-太想念</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010495.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010495.html 精选 精选 彭羚-囚鸟 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>彭羚-囚鸟</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/彭羚-囚鸟.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>彭羚-囚鸟</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010494.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010494.html 精选 精选 彭佳慧-相见恨晚 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>彭佳慧-相见恨晚</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/彭佳慧-相见恨晚.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>彭佳慧-相见恨晚</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010493.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010493.html 精选 精选 彭佳慧-好久不见 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>彭佳慧-好久不见</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/彭佳慧-好久不见.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>彭佳慧-好久不见</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010492.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010492.html 精选 精选 裴勇俊-MyMemory <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>裴勇俊-MyMemory</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/裴勇俊-MyMemory.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>裴勇俊-MyMemory</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010491.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010491.html 精选 精选 庞龙-你是我的玫瑰花 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>庞龙-你是我的玫瑰花</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/庞龙-你是我的玫瑰花.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>庞龙-你是我的玫瑰花</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010490.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010490.html 精选 精选 庞龙-两只蝴蝶 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>庞龙-两只蝴蝶</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/庞龙-两只蝴蝶.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>庞龙-两只蝴蝶</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010489.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010489.html 精选 精选 潘越云-我是不是你最疼爱的人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>潘越云-我是不是你最疼爱的人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/潘越云-我是不是你最疼爱的人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>潘越云-我是不是你最疼爱的人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010488.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010488.html 精选 精选 潘越云-天天天蓝 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>潘越云-天天天蓝</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/潘越云-天天天蓝.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>潘越云-天天天蓝</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010487.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010487.html 精选 精选 潘玮柏-快乐崇拜 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>潘玮柏-快乐崇拜</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/潘玮柏-快乐崇拜.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>潘玮柏-快乐崇拜</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010486.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010486.html 精选 精选 潘玮柏-不得不爱 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>潘玮柏-不得不爱</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/潘玮柏-不得不爱.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>潘玮柏-不得不爱</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010485.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010485.html 精选 精选 潘玮柏、苏芮-我想更懂你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>潘玮柏、苏芮-我想更懂你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/潘玮柏、苏芮-我想更懂你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>潘玮柏、苏芮-我想更懂你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010484.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010484.html 精选 精选 潘美辰-我想有个家 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>潘美辰-我想有个家</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/潘美辰-我想有个家.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>潘美辰-我想有个家</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010483.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010483.html 精选 精选 潘安邦-外婆的澎湖湾 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>潘安邦-外婆的澎湖湾</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/潘安邦-外婆的澎湖湾.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>潘安邦-外婆的澎湖湾</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010482.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010482.html 精选 精选 欧得洋-孤单北半球 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>欧得洋-孤单北半球</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/欧得洋-孤单北半球.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>欧得洋-孤单北半球</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010481.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010481.html 精选 精选 慕容晓晓-爱情买卖 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>慕容晓晓-爱情买卖</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/慕容晓晓-爱情买卖.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>慕容晓晓-爱情买卖</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010480.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010480.html 精选 精选 木杰-人间这一遭 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>木杰-人间这一遭</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/木杰-人间这一遭.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>木杰-人间这一遭</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010479.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010479.html 精选 精选 莫文蔚-这世界那么多人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>莫文蔚-这世界那么多人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/莫文蔚-这世界那么多人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>莫文蔚-这世界那么多人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010478.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010478.html 精选 精选 莫文蔚-阴天 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>莫文蔚-阴天</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/莫文蔚-阴天.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>莫文蔚-阴天</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010477.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010477.html 精选 精选 莫文蔚-他不爱我 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>莫文蔚-他不爱我</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/莫文蔚-他不爱我.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>莫文蔚-他不爱我</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010476.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010476.html 精选 精选 莫文蔚-盛夏的果实 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>莫文蔚-盛夏的果实</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/莫文蔚-盛夏的果实.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>莫文蔚-盛夏的果实</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010475.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010475.html 精选 精选 莫文蔚-寂寞的恋人啊 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>莫文蔚-寂寞的恋人啊</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/莫文蔚-寂寞的恋人啊.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>莫文蔚-寂寞的恋人啊</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010474.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010474.html 精选 精选 莫文蔚-电台情歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>莫文蔚-电台情歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/莫文蔚-电台情歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>莫文蔚-电台情歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010473.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010473.html 精选 精选 莫文蔚 张洪量-广岛之恋 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>莫文蔚 张洪量-广岛之恋</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/莫文蔚 张洪量-广岛之恋.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>莫文蔚 张洪量-广岛之恋</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010472.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010472.html 精选 精选 摩登兄弟刘宇宁-就在江湖之上 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>摩登兄弟刘宇宁-就在江湖之上</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/摩登兄弟刘宇宁-就在江湖之上.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>摩登兄弟刘宇宁-就在江湖之上</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010471.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010471.html 精选 精选 梦然-是你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>梦然-是你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/梦然-是你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>梦然-是你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010470.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010470.html 精选 精选 梦然-少年 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>梦然-少年</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/梦然-少年.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>梦然-少年</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010469.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010469.html 精选 精选 梦然-没有你陪伴真的好孤单 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>梦然-没有你陪伴真的好孤单</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/梦然-没有你陪伴真的好孤单.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>梦然-没有你陪伴真的好孤单</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010468.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010468.html 精选 精选 孟杨-错位时空 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>孟杨-错位时空</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/孟杨-错位时空.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>孟杨-错位时空</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010467.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010467.html 精选 精选 孟庭苇-羞答答的玫瑰静悄悄地开 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>孟庭苇-羞答答的玫瑰静悄悄地开</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/孟庭苇-羞答答的玫瑰静悄悄地开.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>孟庭苇-羞答答的玫瑰静悄悄地开</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010466.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010466.html 精选 精选 孟庭苇-谁的眼泪在飞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>孟庭苇-谁的眼泪在飞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/孟庭苇-谁的眼泪在飞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>孟庭苇-谁的眼泪在飞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010465.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010465.html 精选 精选 孟庭苇-情人节快乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>孟庭苇-情人节快乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/孟庭苇-情人节快乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>孟庭苇-情人节快乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010464.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010464.html 精选 精选 孟庭苇-你看你看月亮的脸 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>孟庭苇-你看你看月亮的脸</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/孟庭苇-你看你看月亮的脸.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>孟庭苇-你看你看月亮的脸</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010463.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010463.html 精选 精选 孟庭苇-你究竟有几个好妹妹 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>孟庭苇-你究竟有几个好妹妹</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/孟庭苇-你究竟有几个好妹妹.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>孟庭苇-你究竟有几个好妹妹</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010462.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010462.html 精选 精选 孟庭苇-没有情人的情人节 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>孟庭苇-没有情人的情人节</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/孟庭苇-没有情人的情人节.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>孟庭苇-没有情人的情人节</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010461.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010461.html 精选 精选 孟庭苇-风中有朵雨做的云 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>孟庭苇-风中有朵雨做的云</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/孟庭苇-风中有朵雨做的云.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>孟庭苇-风中有朵雨做的云</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010460.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010460.html 精选 精选 孟庭苇-冬季到台北来看雨 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>孟庭苇-冬季到台北来看雨</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/孟庭苇-冬季到台北来看雨.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>孟庭苇-冬季到台北来看雨</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010459.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010459.html 精选 精选 萌萌哒天团-帝都 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>萌萌哒天团-帝都</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/萌萌哒天团-帝都.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>萌萌哒天团-帝都</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010458.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010458.html 精选 精选 梅艳芳-女人花 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>梅艳芳-女人花</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/梅艳芳-女人花.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>梅艳芳-女人花</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010457.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010457.html 精选 精选 毛宁-涛声依旧 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>毛宁-涛声依旧</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/毛宁-涛声依旧.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>毛宁-涛声依旧</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010456.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010456.html 精选 精选 毛宁-蓝蓝的夜蓝蓝的梦 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>毛宁-蓝蓝的夜蓝蓝的梦</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/毛宁-蓝蓝的夜蓝蓝的梦.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>毛宁-蓝蓝的夜蓝蓝的梦</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010455.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010455.html 精选 精选 毛不易-消愁 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>毛不易-消愁</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/毛不易-消愁.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>毛不易-消愁</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010454.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010454.html 精选 精选 满文军-望乡 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>满文军-望乡</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/满文军-望乡.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>满文军-望乡</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010453.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010453.html 精选 精选 满文军-懂你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>满文军-懂你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/满文军-懂你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>满文军-懂你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010452.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010452.html 精选 精选 马郁-一天死去一点 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>马郁-一天死去一点</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/马郁-一天死去一点.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>马郁-一天死去一点</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010451.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010451.html 精选 精选 马郁-下辈子如果我还记得你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>马郁-下辈子如果我还记得你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/马郁-下辈子如果我还记得你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>马郁-下辈子如果我还记得你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010450.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010450.html 精选 精选 马旭东-入戏太深 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>马旭东-入戏太深</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/马旭东-入戏太深.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>马旭东-入戏太深</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010449.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010449.html 精选 精选 马天宇-该死的温柔 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>马天宇-该死的温柔</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/马天宇-该死的温柔.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>马天宇-该死的温柔</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010448.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010448.html 精选 精选 马頔-南山南 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>马頔-南山南</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/马頔-南山南.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>马頔-南山南</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010447.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010447.html 精选 精选 吕方-老情歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>吕方-老情歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/吕方-老情歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>吕方-老情歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010446.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010446.html 精选 精选 洛天依-小鸡哔哔 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>洛天依-小鸡哔哔</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/洛天依-小鸡哔哔.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>洛天依-小鸡哔哔</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010445.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010445.html 精选 精选 罗志祥-恋爱达人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>罗志祥-恋爱达人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/罗志祥-恋爱达人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>罗志祥-恋爱达人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010444.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010444.html 精选 精选 罗志祥-狐狸精 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>罗志祥-狐狸精</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/罗志祥-狐狸精.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>罗志祥-狐狸精</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010443.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010443.html 精选 精选 罗文、甄妮-铁血丹心 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>罗文、甄妮-铁血丹心</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/罗文、甄妮-铁血丹心.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>罗文、甄妮-铁血丹心</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010442.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010442.html 精选 精选 罗大佑-你的样子 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>罗大佑-你的样子</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/罗大佑-你的样子.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>罗大佑-你的样子</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010441.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010441.html 精选 精选 罗大佑-光阴的故事 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>罗大佑-光阴的故事</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/罗大佑-光阴的故事.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>罗大佑-光阴的故事</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010440.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010440.html 精选 精选 罗大佑、陈淑桦-滚滚红尘 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>罗大佑、陈淑桦-滚滚红尘</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/罗大佑、陈淑桦-滚滚红尘.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>罗大佑、陈淑桦-滚滚红尘</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010439.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010439.html 精选 精选 陆思恒、陆可儿-千禧恋曲2020 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陆思恒、陆可儿-千禧恋曲2020</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陆思恒、陆可儿-千禧恋曲2020.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陆思恒、陆可儿-千禧恋曲2020</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010438.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010438.html 精选 精选 陆虎-雪落下的声音 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陆虎-雪落下的声音</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陆虎-雪落下的声音.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陆虎-雪落下的声音</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010437.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010437.html 精选 精选 卢冠廷-一生所爱 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>卢冠廷-一生所爱</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/卢冠廷-一生所爱.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>卢冠廷-一生所爱</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010436.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010436.html 精选 精选 六哲-错错错 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>六哲-错错错</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/六哲-错错错.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>六哲-错错错</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010435.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010435.html 精选 精选 柳真-ChaCha <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>柳真-ChaCha</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/柳真-ChaCha.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>柳真-ChaCha</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010434.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010434.html 精选 精选 刘亦菲、杨洋-三生三世十里桃花 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>刘亦菲、杨洋-三生三世十里桃花</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/刘亦菲、杨洋-三生三世十里桃花.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>刘亦菲、杨洋-三生三世十里桃花</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010433.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010433.html 精选 精选 刘艺雯-听闻远方有你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>刘艺雯-听闻远方有你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/刘艺雯-听闻远方有你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>刘艺雯-听闻远方有你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010432.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010432.html 精选 精选 刘惜君-我很快乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>刘惜君-我很快乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/刘惜君-我很快乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>刘惜君-我很快乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010431.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010431.html 精选 精选 刘惜君-拆心 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>刘惜君-拆心</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/刘惜君-拆心.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>刘惜君-拆心</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010430.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010430.html 精选 精选 刘诗诗-等你的季节 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>刘诗诗-等你的季节</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/刘诗诗-等你的季节.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>刘诗诗-等你的季节</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010429.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010429.html 精选 精选 刘若英-一辈子的孤单 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>刘若英-一辈子的孤单</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/刘若英-一辈子的孤单.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>刘若英-一辈子的孤单</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010428.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010428.html 精选 精选 刘若英-为爱痴狂 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>刘若英-为爱痴狂</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/刘若英-为爱痴狂.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>刘若英-为爱痴狂</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010427.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010427.html 精选 精选 刘若英-后来 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>刘若英-后来</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/刘若英-后来.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>刘若英-后来</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010426.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010426.html 精选 精选 刘若英-很爱很爱你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>刘若英-很爱很爱你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/刘若英-很爱很爱你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>刘若英-很爱很爱你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010425.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010425.html 精选 精选 刘珂矣-芙蓉雨 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>刘珂矣-芙蓉雨</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/刘珂矣-芙蓉雨.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>刘珂矣-芙蓉雨</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010424.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010424.html 精选 精选 刘珂矣-半壶纱 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>刘珂矣-半壶纱</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/刘珂矣-半壶纱.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>刘珂矣-半壶纱</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010423.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010423.html 精选 精选 刘德华-我恨我痴心 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>刘德华-我恨我痴心</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/刘德华-我恨我痴心.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>刘德华-我恨我痴心</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010422.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010422.html 精选 精选 刘德华-忘情水 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>刘德华-忘情水</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/刘德华-忘情水.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>刘德华-忘情水</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010421.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010421.html 精选 精选 刘德华-天意 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>刘德华-天意</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/刘德华-天意.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>刘德华-天意</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010420.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010420.html 精选 精选 刘德华-世界第一等 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>刘德华-世界第一等</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/刘德华-世界第一等.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>刘德华-世界第一等</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010419.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010419.html 精选 精选 刘德华-男人哭吧不是罪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>刘德华-男人哭吧不是罪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/刘德华-男人哭吧不是罪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>刘德华-男人哭吧不是罪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010418.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010418.html 精选 精选 刘德华-冰雨 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>刘德华-冰雨</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/刘德华-冰雨.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>刘德华-冰雨</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010417.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010417.html 精选 精选 刘德华-爱你一万年 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>刘德华-爱你一万年</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/刘德华-爱你一万年.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>刘德华-爱你一万年</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010416.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010416.html 精选 精选 刘德华&陈慧琳-我不够爱你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>刘德华&陈慧琳-我不够爱你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/刘德华&陈慧琳-我不够爱你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>刘德华&陈慧琳-我不够爱你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010415.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010415.html 精选 精选 零点乐队-相信自己 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>零点乐队-相信自己</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/零点乐队-相信自己.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>零点乐队-相信自己</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010414.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010414.html 精选 精选 零点乐队-爱不爱我 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>零点乐队-爱不爱我</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/零点乐队-爱不爱我.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>零点乐队-爱不爱我</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010413.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010413.html 精选 精选 林子祥-长路漫漫伴你闯 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>林子祥-长路漫漫伴你闯</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/林子祥-长路漫漫伴你闯.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>林子祥-长路漫漫伴你闯</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010412.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010412.html 精选 精选 林子祥-男儿当自强 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>林子祥-男儿当自强</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/林子祥-男儿当自强.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>林子祥-男儿当自强</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010411.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010411.html 精选 精选 林志颖-十七岁的雨季 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>林志颖-十七岁的雨季</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/林志颖-十七岁的雨季.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>林志颖-十七岁的雨季</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010410.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010410.html 精选 精选 林志颖-稻草人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>林志颖-稻草人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/林志颖-稻草人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>林志颖-稻草人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010409.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010409.html 精选 精选 林志炫-烟花易冷 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>林志炫-烟花易冷</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/林志炫-烟花易冷.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>林志炫-烟花易冷</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010408.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010408.html 精选 精选 林志炫-蒙娜丽莎的眼泪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>林志炫-蒙娜丽莎的眼泪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/林志炫-蒙娜丽莎的眼泪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>林志炫-蒙娜丽莎的眼泪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010407.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010407.html 精选 精选 林志炫-没离开过 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>林志炫-没离开过</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/林志炫-没离开过.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>林志炫-没离开过</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010406.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010406.html 精选 精选 林志炫-单身情歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>林志炫-单身情歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/林志炫-单身情歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>林志炫-单身情歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010405.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010405.html 精选 精选 林志炫-opera <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>林志炫-opera</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/林志炫-opera.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>林志炫-opera</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010404.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010404.html 精选 精选 林宥嘉-你是我的眼 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>林宥嘉-你是我的眼</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/林宥嘉-你是我的眼.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>林宥嘉-你是我的眼</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010403.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010403.html 精选 精选 林忆莲-至少还有你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>林忆莲-至少还有你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/林忆莲-至少还有你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>林忆莲-至少还有你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010402.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010402.html 精选 精选 林忆莲-为你我受冷风吹 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>林忆莲-为你我受冷风吹</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/林忆莲-为你我受冷风吹.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>林忆莲-为你我受冷风吹</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010401.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010401.html 精选 精选 林忆莲-伤痕 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>林忆莲-伤痕</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/林忆莲-伤痕.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>林忆莲-伤痕</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010400.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010400.html 精选 精选 林忆莲-不必在乎我是谁 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>林忆莲-不必在乎我是谁</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/林忆莲-不必在乎我是谁.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>林忆莲-不必在乎我是谁</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010399.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010399.html 精选 精选 林忆莲-爱上一个不回家的人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>林忆莲-爱上一个不回家的人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/林忆莲-爱上一个不回家的人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>林忆莲-爱上一个不回家的人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010398.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010398.html 精选 精选 林心如-倾听我 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>林心如-倾听我</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/林心如-倾听我.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>林心如-倾听我</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010397.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010397.html 精选 精选 林心如-落花 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>林心如-落花</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/林心如-落花.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>林心如-落花</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010396.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010396.html 精选 精选 林俊杰-醉赤壁 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>林俊杰-醉赤壁</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/林俊杰-醉赤壁.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>林俊杰-醉赤壁</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010395.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010395.html 精选 精选 林俊杰-一千年以后 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>林俊杰-一千年以后</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/林俊杰-一千年以后.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>林俊杰-一千年以后</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010394.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010394.html 精选 精选 林俊杰-江南 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>林俊杰-江南</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/林俊杰-江南.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>林俊杰-江南</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010393.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010393.html 精选 精选 林俊杰-关键词 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>林俊杰-关键词</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/林俊杰-关键词.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>林俊杰-关键词</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010392.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010392.html 精选 精选 林俊杰-曹操 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>林俊杰-曹操</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/林俊杰-曹操.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>林俊杰-曹操</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010391.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010391.html 精选 精选 林俊杰-背对背拥抱 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>林俊杰-背对背拥抱</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/林俊杰-背对背拥抱.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>林俊杰-背对背拥抱</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010390.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010390.html 精选 精选 林俊杰、蔡卓妍-小酒窝 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>林俊杰、蔡卓妍-小酒窝</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/林俊杰、蔡卓妍-小酒窝.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>林俊杰、蔡卓妍-小酒窝</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010389.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010389.html 精选 精选 林宸希-不再问 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>林宸希-不再问</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/林宸希-不再问.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>林宸希-不再问</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010388.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010388.html 精选 精选 梁咏琪-胆小鬼 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>梁咏琪-胆小鬼</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/梁咏琪-胆小鬼.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>梁咏琪-胆小鬼</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010387.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010387.html 精选 精选 梁静茹-勇气 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>梁静茹-勇气</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/梁静茹-勇气.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>梁静茹-勇气</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010386.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010386.html 精选 精选 梁静茹-宁夏 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>梁静茹-宁夏</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/梁静茹-宁夏.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>梁静茹-宁夏</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010385.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010385.html 精选 精选 梁静茹-可惜不是你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>梁静茹-可惜不是你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/梁静茹-可惜不是你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>梁静茹-可惜不是你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010384.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010384.html 精选 精选 梁静茹-会呼吸的痛 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>梁静茹-会呼吸的痛</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/梁静茹-会呼吸的痛.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>梁静茹-会呼吸的痛</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010383.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010383.html 精选 精选 梁静茹-分手快乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>梁静茹-分手快乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/梁静茹-分手快乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>梁静茹-分手快乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010382.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010382.html 精选 精选 梁静茹-爱你不是两三天 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>梁静茹-爱你不是两三天</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/梁静茹-爱你不是两三天.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>梁静茹-爱你不是两三天</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010381.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010381.html 精选 精选 李玉刚-新贵妃醉酒 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李玉刚-新贵妃醉酒</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李玉刚-新贵妃醉酒.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李玉刚-新贵妃醉酒</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010380.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010380.html 精选 精选 李玉刚-枉凝眉 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李玉刚-枉凝眉</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李玉刚-枉凝眉.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李玉刚-枉凝眉</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010379.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010379.html 精选 精选 李玉刚-万疆 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李玉刚-万疆</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李玉刚-万疆.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李玉刚-万疆</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010378.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010378.html 精选 精选 李玉刚-铁血丹心 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李玉刚-铁血丹心</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李玉刚-铁血丹心.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李玉刚-铁血丹心</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010377.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010377.html 精选 精选 李玉刚-菊花台 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李玉刚-菊花台</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李玉刚-菊花台.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李玉刚-菊花台</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010376.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010376.html 精选 精选 李玉刚-贵妃醉酒 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李玉刚-贵妃醉酒</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李玉刚-贵妃醉酒.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李玉刚-贵妃醉酒</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010375.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010375.html 精选 精选 李玉刚-刚好遇见你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李玉刚-刚好遇见你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李玉刚-刚好遇见你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李玉刚-刚好遇见你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010374.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010374.html 精选 精选 李玉刚-赤伶 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李玉刚-赤伶</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李玉刚-赤伶.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李玉刚-赤伶</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010373.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010373.html 精选 精选 李雨儿、石头-雨花石 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李雨儿、石头-雨花石</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李雨儿、石头-雨花石.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李雨儿、石头-雨花石</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010372.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010372.html 精选 精选 李宇春-无价之姐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李宇春-无价之姐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李宇春-无价之姐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李宇春-无价之姐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010371.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010371.html 精选 精选 李宇春-梨花香 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李宇春-梨花香</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李宇春-梨花香.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李宇春-梨花香</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010370.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010370.html 精选 精选 李翊君-雨蝶 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李翊君-雨蝶</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李翊君-雨蝶.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李翊君-雨蝶</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010369.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010369.html 精选 精选 李翊君-婉君 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李翊君-婉君</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李翊君-婉君.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李翊君-婉君</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010368.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010368.html 精选 精选 李翊君-沙漠寂寞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李翊君-沙漠寂寞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李翊君-沙漠寂寞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李翊君-沙漠寂寞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010367.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010367.html 精选 精选 李翊君-风中的承诺 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李翊君-风中的承诺</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李翊君-风中的承诺.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李翊君-风中的承诺</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010366.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010366.html 精选 精选 李秀英-NEVERAGAIN <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李秀英-NEVERAGAIN</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李秀英-NEVERAGAIN.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李秀英-NEVERAGAIN</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010365.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010365.html 精选 精选 李秀英-AlsoILoveYou <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李秀英-AlsoILoveYou</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李秀英-AlsoILoveYou.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李秀英-AlsoILoveYou</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010364.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010364.html 精选 精选 李昕融、樊桐舟、李凯稠-你笑起来真好看 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李昕融、樊桐舟、李凯稠-你笑起来真好看</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李昕融、樊桐舟、李凯稠-你笑起来真好看.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李昕融、樊桐舟、李凯稠-你笑起来真好看</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010363.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010363.html 精选 精选 李孝利-10minutes <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李孝利-10minutes</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李孝利-10minutes.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李孝利-10minutes</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010362.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010362.html 精选 精选 李晓杰-朋友的酒 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李晓杰-朋友的酒</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李晓杰-朋友的酒.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李晓杰-朋友的酒</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010361.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010361.html 精选 精选 李殊-原谅我过去不懂精卫填海主题曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李殊-原谅我过去不懂精卫填海主题曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李殊-原谅我过去不懂精卫填海主题曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李殊-原谅我过去不懂精卫填海主题曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010360.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010360.html 精选 精选 李殊-原谅我过去不懂 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李殊-原谅我过去不懂</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李殊-原谅我过去不懂.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李殊-原谅我过去不懂</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010359.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010359.html 精选 精选 李圣杰-手放开 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李圣杰-手放开</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李圣杰-手放开.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李圣杰-手放开</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010358.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010358.html 精选 精选 李圣杰-你那么爱她 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李圣杰-你那么爱她</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李圣杰-你那么爱她.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李圣杰-你那么爱她</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010357.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010357.html 精选 精选 李圣杰-痴心绝对 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李圣杰-痴心绝对</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李圣杰-痴心绝对.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李圣杰-痴心绝对</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010356.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010356.html 精选 精选 李荣浩-年少有为 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李荣浩-年少有为</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李荣浩-年少有为.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李荣浩-年少有为</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010355.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010355.html 精选 精选 李荣浩-模特 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李荣浩-模特</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李荣浩-模特.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李荣浩-模特</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010354.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010354.html 精选 精选 李荣浩-麻雀 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李荣浩-麻雀</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李荣浩-麻雀.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李荣浩-麻雀</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010353.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010353.html 精选 精选 李荣浩-李白 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李荣浩-李白</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李荣浩-李白.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李荣浩-李白</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010352.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010352.html 精选 精选 李荣浩-不将就 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李荣浩-不将就</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李荣浩-不将就.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李荣浩-不将就</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010351.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010351.html 精选 精选 李琼-山路十八弯 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李琼-山路十八弯</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李琼-山路十八弯.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李琼-山路十八弯</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010350.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010350.html 精选 精选 李沁-小偷 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李沁-小偷</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李沁-小偷.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李沁-小偷</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010349.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010349.html 精选 精选 李玟-月光爱人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李玟-月光爱人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李玟-月光爱人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李玟-月光爱人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010348.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010348.html 精选 精选 李玟-想你的365天 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李玟-想你的365天</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李玟-想你的365天.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李玟-想你的365天</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010347.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010347.html 精选 精选 李玟-魔镜 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李玟-魔镜</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李玟-魔镜.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李玟-魔镜</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010346.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010346.html 精选 精选 李玟-美丽笨女人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李玟-美丽笨女人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李玟-美丽笨女人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李玟-美丽笨女人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010345.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010345.html 精选 精选 李玟-好心情 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李玟-好心情</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李玟-好心情.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李玟-好心情</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010344.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010344.html 精选 精选 李玟-DiDaDi <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李玟-DiDaDi</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李玟-DiDaDi.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李玟-DiDaDi</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010343.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010343.html 精选 精选 李玟-Baby对不起 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李玟-Baby对不起</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李玟-Baby对不起.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李玟-Baby对不起</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010342.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010342.html 精选 精选 李玟、周杰伦-刀马旦 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李玟、周杰伦-刀马旦</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李玟、周杰伦-刀马旦.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李玟、周杰伦-刀马旦</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010341.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010341.html 精选 精选 李丽芬-得意的笑 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李丽芬-得意的笑</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李丽芬-得意的笑.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李丽芬-得意的笑</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010340.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010340.html 精选 精选 李丽芬-爱江山更爱美人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李丽芬-爱江山更爱美人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李丽芬-爱江山更爱美人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李丽芬-爱江山更爱美人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010339.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010339.html 精选 精选 李克勤-月半小夜曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李克勤-月半小夜曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李克勤-月半小夜曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李克勤-月半小夜曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010338.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010338.html 精选 精选 李克勤-红日 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李克勤-红日</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李克勤-红日.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李克勤-红日</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010337.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010337.html 精选 精选 李健-风吹麦浪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李健-风吹麦浪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李健-风吹麦浪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李健-风吹麦浪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010336.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010336.html 精选 精选 李健-当你老了(Live) <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李健-当你老了(Live)</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李健-当你老了(Live).mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李健-当你老了(Live)</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010335.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010335.html 精选 精选 李健-春风十里不如你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李健-春风十里不如你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李健-春风十里不如你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李健-春风十里不如你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010334.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010334.html 精选 精选 李健-贝加尔湖畔 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李健-贝加尔湖畔</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李健-贝加尔湖畔.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李健-贝加尔湖畔</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010333.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010333.html 精选 精选 李佳薇-煎熬 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李佳薇-煎熬</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李佳薇-煎熬.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李佳薇-煎熬</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010332.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010332.html 精选 精选 李佳璐-无法原谅 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李佳璐-无法原谅</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李佳璐-无法原谅.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李佳璐-无法原谅</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010331.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010331.html 精选 精选 李佳璐-如果下辈子还能遇见你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李佳璐-如果下辈子还能遇见你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李佳璐-如果下辈子还能遇见你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李佳璐-如果下辈子还能遇见你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010330.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010330.html 精选 精选 李慧珍-习惯 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李慧珍-习惯</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李慧珍-习惯.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李慧珍-习惯</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010329.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010329.html 精选 精选 李春波-小芳 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李春波-小芳</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李春波-小芳.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李春波-小芳</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010328.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010328.html 精选 精选 李常超（Lao乾妈）-盗墓笔记·十年人间 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李常超（Lao乾妈）-盗墓笔记·十年人间</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李常超（Lao乾妈）-盗墓笔记·十年人间.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李常超（Lao乾妈）-盗墓笔记·十年人间</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010327.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010327.html 精选 精选 李彩桦-我爱雨天 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李彩桦-我爱雨天</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/李彩桦-我爱雨天.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>李彩桦-我爱雨天</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010326.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010326.html 精选 精选 黎明-深秋的黎明 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>黎明-深秋的黎明</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/黎明-深秋的黎明.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>黎明-深秋的黎明</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010325.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010325.html 精选 精选 冷漠-没有你陪伴我真的好孤单 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>冷漠-没有你陪伴我真的好孤单</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/冷漠-没有你陪伴我真的好孤单.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>冷漠-没有你陪伴我真的好孤单</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010324.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010324.html 精选 精选 雷佳-人世间 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>雷佳-人世间</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/雷佳-人世间.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>雷佳-人世间</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010323.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010323.html 精选 精选 雷佳-芦花 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>雷佳-芦花</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/雷佳-芦花.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>雷佳-芦花</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010322.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010322.html 精选 精选 乐凡-你是我心里的宝 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>乐凡-你是我心里的宝</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/乐凡-你是我心里的宝.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>乐凡-你是我心里的宝</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010321.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010321.html 精选 精选 老狼-同桌的你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>老狼-同桌的你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/老狼-同桌的你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>老狼-同桌的你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010320.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010320.html 精选 精选 老狼-恋恋风尘 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>老狼-恋恋风尘</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/老狼-恋恋风尘.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>老狼-恋恋风尘</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010319.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010319.html 精选 精选 蓝心羽-寂寞烟火 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>蓝心羽-寂寞烟火</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/蓝心羽-寂寞烟火.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>蓝心羽-寂寞烟火</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010318.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010318.html 精选 精选 蓝心湄-一见钟情 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>蓝心湄-一见钟情</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/蓝心湄-一见钟情.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>蓝心湄-一见钟情</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010317.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010317.html 精选 精选 蓝色生死恋-祈祷 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>蓝色生死恋-祈祷</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/蓝色生死恋-祈祷.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>蓝色生死恋-祈祷</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010316.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010316.html 精选 精选 筷子兄弟-小苹果 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>筷子兄弟-小苹果</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/筷子兄弟-小苹果.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>筷子兄弟-小苹果</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010315.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010315.html 精选 精选 侃侃-滴答 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>侃侃-滴答</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/侃侃-滴答.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>侃侃-滴答</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010314.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010314.html 精选 精选 卡朋特-YesterdayOnceMore <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>卡朋特-YesterdayOnceMore</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/卡朋特-YesterdayOnceMore.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>卡朋特-YesterdayOnceMore</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010313.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010313.html 精选 精选 景岗山-我的眼里只有你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>景岗山-我的眼里只有你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/景岗山-我的眼里只有你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>景岗山-我的眼里只有你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010312.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010312.html 精选 精选 井胧、井迪儿-骁 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>井胧、井迪儿-骁</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/井胧、井迪儿-骁.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>井胧、井迪儿-骁</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010311.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010311.html 精选 精选 金莎-星月神话 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>金莎-星月神话</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/金莎-星月神话.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>金莎-星月神话</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010310.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010310.html 精选 精选 金莎-梦千年之恋 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>金莎-梦千年之恋</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/金莎-梦千年之恋.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>金莎-梦千年之恋</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010309.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010309.html 精选 精选 金南玲-逆流成河 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>金南玲-逆流成河</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/金南玲-逆流成河.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>金南玲-逆流成河</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010308.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010308.html 精选 精选 金海心-那么骄傲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>金海心-那么骄傲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/金海心-那么骄傲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>金海心-那么骄傲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010307.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010307.html 精选 精选 金海心-悲伤的秋千 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>金海心-悲伤的秋千</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/金海心-悲伤的秋千.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>金海心-悲伤的秋千</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010306.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010306.html 精选 精选 金海心-把耳朵叫醒 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>金海心-把耳朵叫醒</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/金海心-把耳朵叫醒.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>金海心-把耳朵叫醒</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010305.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010305.html 精选 精选 金海心-爱似水仙 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>金海心-爱似水仙</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/金海心-爱似水仙.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>金海心-爱似水仙</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010304.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010304.html 精选 精选 降央卓玛-西海情歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>降央卓玛-西海情歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/降央卓玛-西海情歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>降央卓玛-西海情歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010303.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010303.html 精选 精选 蒋雪儿-燕无歇 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>蒋雪儿-燕无歇</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/蒋雪儿-燕无歇.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>蒋雪儿-燕无歇</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010302.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010302.html 精选 精选 蒋雪儿-谁在意我留下的泪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>蒋雪儿-谁在意我留下的泪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/蒋雪儿-谁在意我留下的泪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>蒋雪儿-谁在意我留下的泪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010301.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010301.html 精选 精选 蒋雪儿-莫问归期 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>蒋雪儿-莫问归期</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/蒋雪儿-莫问归期.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>蒋雪儿-莫问归期</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010300.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010300.html 精选 精选 蒋雪儿-梦的翅膀受了伤 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>蒋雪儿-梦的翅膀受了伤</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/蒋雪儿-梦的翅膀受了伤.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>蒋雪儿-梦的翅膀受了伤</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010299.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010299.html 精选 精选 姜育恒-再回首 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>姜育恒-再回首</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/姜育恒-再回首.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>姜育恒-再回首</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010298.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010298.html 精选 精选 姜育恒-驿动的心 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>姜育恒-驿动的心</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/姜育恒-驿动的心.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>姜育恒-驿动的心</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010297.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010297.html 精选 精选 姜育恒-梅花三弄 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>姜育恒-梅花三弄</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/姜育恒-梅花三弄.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>姜育恒-梅花三弄</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010296.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010296.html 精选 精选 姜鹏-赢在江湖 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>姜鹏-赢在江湖</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/姜鹏-赢在江湖.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>姜鹏-赢在江湖</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010295.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010295.html 精选 精选 姜鹏-问佛 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>姜鹏-问佛</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/姜鹏-问佛.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>姜鹏-问佛</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010294.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010294.html 精选 精选 江涛-愚公移山 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>江涛-愚公移山</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/江涛-愚公移山.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>江涛-愚公移山</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010293.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010293.html 精选 精选 江美琪-下辈子如果我还记得你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>江美琪-下辈子如果我还记得你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/江美琪-下辈子如果我还记得你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>江美琪-下辈子如果我还记得你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010292.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010292.html 精选 精选 江美琪-亲爱的你怎么不在我身边 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>江美琪-亲爱的你怎么不在我身边</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/江美琪-亲爱的你怎么不在我身边.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>江美琪-亲爱的你怎么不在我身边</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010291.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010291.html 精选 精选 剑网3缘起印象曲-眉间雪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>剑网3缘起印象曲-眉间雪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/剑网3缘起印象曲-眉间雪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>剑网3缘起印象曲-眉间雪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010290.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010290.html 精选 精选 贾乃亮,甜馨-大王叫我来巡山 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>贾乃亮,甜馨-大王叫我来巡山</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/贾乃亮,甜馨-大王叫我来巡山.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>贾乃亮,甜馨-大王叫我来巡山</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010289.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010289.html 精选 精选 霍尊-卷珠帘 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>霍尊-卷珠帘</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/霍尊-卷珠帘.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>霍尊-卷珠帘</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010288.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010288.html 精选 精选 火箭少女101-卡路里 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>火箭少女101-卡路里</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/火箭少女101-卡路里.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>火箭少女101-卡路里</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010287.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010287.html 精选 精选 黄勇-勇敢勇敢 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>黄勇-勇敢勇敢</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/黄勇-勇敢勇敢.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>黄勇-勇敢勇敢</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010286.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010286.html 精选 精选 黄小琥-重来 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>黄小琥-重来</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/黄小琥-重来.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>黄小琥-重来</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010285.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010285.html 精选 精选 黄小琥-顺其自然 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>黄小琥-顺其自然</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/黄小琥-顺其自然.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>黄小琥-顺其自然</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010284.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010284.html 精选 精选 黄小琥-没那么简单 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>黄小琥-没那么简单</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/黄小琥-没那么简单.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>黄小琥-没那么简单</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010283.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010283.html 精选 精选 黄小琥-伴 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>黄小琥-伴</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/黄小琥-伴.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>黄小琥-伴</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010282.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010282.html 精选 精选 黄霄雲-星辰大海 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>黄霄雲-星辰大海</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/黄霄雲-星辰大海.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>黄霄雲-星辰大海</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010281.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010281.html 精选 精选 黄绮珊-剪爱(Live) <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>黄绮珊-剪爱(Live)</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/黄绮珊-剪爱(Live).mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>黄绮珊-剪爱(Live)</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010280.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010280.html 精选 精选 黄品源-你怎么舍得我难过 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>黄品源-你怎么舍得我难过</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/黄品源-你怎么舍得我难过.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>黄品源-你怎么舍得我难过</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010279.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010279.html 精选 精选 黄品源-海浪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>黄品源-海浪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/黄品源-海浪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>黄品源-海浪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010278.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010278.html 精选 精选 黄龄-醉 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>黄龄-醉</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/黄龄-醉.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>黄龄-醉</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010277.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010277.html 精选 精选 黄龄-鸳鸯戏 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>黄龄-鸳鸯戏</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/黄龄-鸳鸯戏.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>黄龄-鸳鸯戏</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010276.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010276.html 精选 精选 黄龄-夜舞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>黄龄-夜舞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/黄龄-夜舞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>黄龄-夜舞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010275.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010275.html 精选 精选 黄龄-痒 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>黄龄-痒</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/黄龄-痒.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>黄龄-痒</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010274.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010274.html 精选 精选 黄龄-入画江南 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>黄龄-入画江南</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/黄龄-入画江南.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>黄龄-入画江南</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010273.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010273.html 精选 精选 黄龄-牵丝戏（梦幻西游盘丝洞门派曲） <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>黄龄-牵丝戏（梦幻西游盘丝洞门派曲）</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/黄龄-牵丝戏（梦幻西游盘丝洞门派曲）.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>黄龄-牵丝戏（梦幻西游盘丝洞门派曲）</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010272.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010272.html 精选 精选 黄龄-风月 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>黄龄-风月</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/黄龄-风月.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>黄龄-风月</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010271.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010271.html 精选 精选 黄龄-High歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>黄龄-High歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/黄龄-High歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>黄龄-High歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010270.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010270.html 精选 精选 黄龄、许嵩-惊鸿一面 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>黄龄、许嵩-惊鸿一面</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/黄龄、许嵩-惊鸿一面.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>黄龄、许嵩-惊鸿一面</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010269.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010269.html 精选 精选 黄龄、Tang Duy Tan-叹 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>黄龄、Tang Duy Tan-叹</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/黄龄、Tang Duy Tan-叹.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>黄龄、Tang Duy Tan-叹</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010268.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010268.html 精选 精选 黄龄、T?ng Duy Tan-叹 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>黄龄、T?ng Duy Tan-叹</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/黄龄、T?ng Duy Tan-叹.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>黄龄、T?ng Duy Tan-叹</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010267.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010267.html 精选 精选 黄磊-我想我是海 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>黄磊-我想我是海</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/黄磊-我想我是海.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>黄磊-我想我是海</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010266.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010266.html 精选 精选 黄安-样样红 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>黄安-样样红</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/黄安-样样红.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>黄安-样样红</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010265.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010265.html 精选 精选 黄安-新鸳鸯蝴蝶梦 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>黄安-新鸳鸯蝴蝶梦</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/黄安-新鸳鸯蝴蝶梦.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>黄安-新鸳鸯蝴蝶梦</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010264.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010264.html 精选 精选 黄安-东南西北风 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>黄安-东南西北风</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/黄安-东南西北风.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>黄安-东南西北风</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010263.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010263.html 精选 精选 华晨宇-齐天 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>华晨宇-齐天</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/华晨宇-齐天.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>华晨宇-齐天</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010262.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010262.html 精选 精选 花僮-浪子闲话 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>花僮-浪子闲话</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/花僮-浪子闲话.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>花僮-浪子闲话</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010261.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010261.html 精选 精选 花儿乐队-嘻唰唰 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>花儿乐队-嘻唰唰</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/花儿乐队-嘻唰唰.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>花儿乐队-嘻唰唰</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010260.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010260.html 精选 精选 花儿乐队-穷开心 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>花儿乐队-穷开心</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/花儿乐队-穷开心.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>花儿乐队-穷开心</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010259.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010259.html 精选 精选 胡杨林-香水有毒 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>胡杨林-香水有毒</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/胡杨林-香水有毒.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>胡杨林-香水有毒</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010258.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010258.html 精选 精选 胡彦斌-红颜 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>胡彦斌-红颜</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/胡彦斌-红颜.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>胡彦斌-红颜</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010257.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010257.html 精选 精选 胡夏-那些年 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>胡夏-那些年</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/胡夏-那些年.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>胡夏-那些年</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010256.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010256.html 精选 精选 胡夏、郁可唯-知否知否 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>胡夏、郁可唯-知否知否</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/胡夏、郁可唯-知否知否.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>胡夏、郁可唯-知否知否</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010255.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010255.html 精选 精选 胡夏、李玉刚-将进酒 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>胡夏、李玉刚-将进酒</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/胡夏、李玉刚-将进酒.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>胡夏、李玉刚-将进酒</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010254.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010254.html 精选 精选 后弦、柳岩-孙尚香 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>后弦、柳岩-孙尚香</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/后弦、柳岩-孙尚香.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>后弦、柳岩-孙尚香</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010253.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010253.html 精选 精选 后弦、sara-你还欠我一个拥抱 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>后弦、sara-你还欠我一个拥抱</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/后弦、sara-你还欠我一个拥抱.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>后弦、sara-你还欠我一个拥抱</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010252.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010252.html 精选 精选 侯旭-逃 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>侯旭-逃</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/侯旭-逃.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>侯旭-逃</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010251.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010251.html 精选 精选 黑豹乐队-无地自容 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>黑豹乐队-无地自容</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/黑豹乐队-无地自容.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>黑豹乐队-无地自容</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010250.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010250.html 精选 精选 何晟铭-佛说 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>何晟铭-佛说</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/何晟铭-佛说.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>何晟铭-佛说</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010249.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010249.html 精选 精选 何璐-让她降落 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>何璐-让她降落</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/何璐-让她降落.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>何璐-让她降落</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010248.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010248.html 精选 精选 何洁-你一定要幸福 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>何洁-你一定要幸福</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/何洁-你一定要幸福.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>何洁-你一定要幸福</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010247.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010247.html 精选 精选 浩瀚-分手在那个秋天 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>浩瀚-分手在那个秋天</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/浩瀚-分手在那个秋天.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>浩瀚-分手在那个秋天</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010246.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010246.html 精选 精选 杭天琪-前门情思大碗茶 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>杭天琪-前门情思大碗茶</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/杭天琪-前门情思大碗茶.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>杭天琪-前门情思大碗茶</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010245.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010245.html 精选 精选 韩雪-想起 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>韩雪-想起</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/韩雪-想起.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>韩雪-想起</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010244.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010244.html 精选 精选 韩雪-飘雪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>韩雪-飘雪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/韩雪-飘雪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>韩雪-飘雪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010243.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010243.html 精选 精选 韩磊-向天再借五百年 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>韩磊-向天再借五百年</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/韩磊-向天再借五百年.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>韩磊-向天再借五百年</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010242.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010242.html 精选 精选 韩磊-等待 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>韩磊-等待</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/韩磊-等待.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>韩磊-等待</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010241.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010241.html 精选 精选 韩红-天路 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>韩红-天路</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/韩红-天路.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>韩红-天路</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010240.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010240.html 精选 精选 韩红-天亮了 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>韩红-天亮了</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/韩红-天亮了.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>韩红-天亮了</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010239.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010239.html 精选 精选 韩宝仪-往事只能回味 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>韩宝仪-往事只能回味</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/韩宝仪-往事只能回味.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>韩宝仪-往事只能回味</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010238.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010238.html 精选 精选 韩宝仪-粉红色的回忆 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>韩宝仪-粉红色的回忆</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/韩宝仪-粉红色的回忆.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>韩宝仪-粉红色的回忆</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010237.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010237.html 精选 精选 海鸣威-老人与海 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>海鸣威-老人与海</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/海鸣威-老人与海.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>海鸣威-老人与海</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010236.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010236.html 精选 精选 海伦-游山恋 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>海伦-游山恋</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/海伦-游山恋.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>海伦-游山恋</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010235.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010235.html 精选 精选 海伦-桥边姑娘 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>海伦-桥边姑娘</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/海伦-桥边姑娘.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>海伦-桥边姑娘</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010234.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010234.html 精选 精选 郭美美-不怕不怕 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>郭美美-不怕不怕</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/郭美美-不怕不怕.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>郭美美-不怕不怕</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010233.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010233.html 精选 精选 郭美美-爱情女神 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>郭美美-爱情女神</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/郭美美-爱情女神.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>郭美美-爱情女神</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010232.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010232.html 精选 精选 郭富城-樱花之恋 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>郭富城-樱花之恋</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/郭富城-樱花之恋.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>郭富城-樱花之恋</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010231.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010231.html 精选 精选 郭富城-我是不是该安静的走开 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>郭富城-我是不是该安静的走开</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/郭富城-我是不是该安静的走开.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>郭富城-我是不是该安静的走开</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010230.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010230.html 精选 精选 郭富城-对你爱不完 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>郭富城-对你爱不完</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/郭富城-对你爱不完.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>郭富城-对你爱不完</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010229.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010229.html 精选 精选 郭富城-动起来 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>郭富城-动起来</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/郭富城-动起来.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>郭富城-动起来</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010228.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010228.html 精选 精选 光头李进-你在他乡还好吗 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>光头李进-你在他乡还好吗</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/光头李进-你在他乡还好吗.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>光头李进-你在他乡还好吗</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010227.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010227.html 精选 精选 光良-童话 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>光良-童话</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/光良-童话.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>光良-童话</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010226.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010226.html 精选 精选 光良-都是你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>光良-都是你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/光良-都是你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>光良-都是你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010225.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010225.html 精选 精选 光良-第一次 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>光良-第一次</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/光良-第一次.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>光良-第一次</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010224.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010224.html 精选 精选 关喆-想你的夜 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>关喆-想你的夜</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/关喆-想你的夜.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>关喆-想你的夜</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010223.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010223.html 精选 精选 谷村新司-风姿花传 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>谷村新司-风姿花传</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/谷村新司-风姿花传.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>谷村新司-风姿花传</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010222.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010222.html 精选 精选 古巨基-好想好想 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>古巨基-好想好想</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/古巨基-好想好想.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>古巨基-好想好想</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010221.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010221.html 精选 精选 贡维特-想你想到眼泪流 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>贡维特-想你想到眼泪流</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/贡维特-想你想到眼泪流.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>贡维特-想你想到眼泪流</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010220.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010220.html 精选 精选 葛东琪-悬溺 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>葛东琪-悬溺</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/葛东琪-悬溺.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>葛东琪-悬溺</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010219.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010219.html 精选 精选 格格-火苗 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>格格-火苗</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/格格-火苗.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>格格-火苗</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010218.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010218.html 精选 精选 高晓松-一个北京人在北京 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>高晓松-一个北京人在北京</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/高晓松-一个北京人在北京.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>高晓松-一个北京人在北京</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010217.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010217.html 精选 精选 高胜美-青青河边草 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>高胜美-青青河边草</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/高胜美-青青河边草.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>高胜美-青青河边草</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010216.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010216.html 精选 精选 高胜美-千年等一回 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>高胜美-千年等一回</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/高胜美-千年等一回.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>高胜美-千年等一回</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010215.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010215.html 精选 精选 高胜美、左宏元-渡情 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>高胜美、左宏元-渡情</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/高胜美、左宏元-渡情.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>高胜美、左宏元-渡情</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010214.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010214.html 精选 精选 高慧君、张学友-你最珍贵 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>高慧君、张学友-你最珍贵</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/高慧君、张学友-你最珍贵.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>高慧君、张学友-你最珍贵</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010213.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010213.html 精选 精选 高安,黑鸭子-红尘情歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>高安,黑鸭子-红尘情歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/高安,黑鸭子-红尘情歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>高安,黑鸭子-红尘情歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010212.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010212.html 精选 精选 甘萍-潮湿的心 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>甘萍-潮湿的心</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/甘萍-潮湿的心.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>甘萍-潮湿的心</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010211.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010211.html 精选 精选 付笛声、任静-知心爱人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>付笛声、任静-知心爱人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/付笛声、任静-知心爱人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>付笛声、任静-知心爱人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010210.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010210.html 精选 精选 凤凰传奇-自由飞翔 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>凤凰传奇-自由飞翔</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/凤凰传奇-自由飞翔.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>凤凰传奇-自由飞翔</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010209.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010209.html 精选 精选 凤凰传奇-月亮之上 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>凤凰传奇-月亮之上</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/凤凰传奇-月亮之上.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>凤凰传奇-月亮之上</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010208.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010208.html 精选 精选 凤凰传奇-奢香夫人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>凤凰传奇-奢香夫人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/凤凰传奇-奢香夫人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>凤凰传奇-奢香夫人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010207.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010207.html 精选 精选 凤凰传奇-荷塘月色 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>凤凰传奇-荷塘月色</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/凤凰传奇-荷塘月色.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>凤凰传奇-荷塘月色</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010206.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010206.html 精选 精选 凤凰传奇-海底（Live） <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>凤凰传奇-海底（Live）</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/凤凰传奇-海底（Live）.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>凤凰传奇-海底（Live）</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010205.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010205.html 精选 精选 凤飞飞-追梦人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>凤飞飞-追梦人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/凤飞飞-追梦人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>凤飞飞-追梦人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010204.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010204.html 精选 精选 凤飞飞-莫让红颜守空尘 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>凤飞飞-莫让红颜守空尘</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/凤飞飞-莫让红颜守空尘.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>凤飞飞-莫让红颜守空尘</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010203.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010203.html 精选 精选 冯晓泉-冰糖葫芦 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>冯晓泉-冰糖葫芦</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/冯晓泉-冰糖葫芦.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>冯晓泉-冰糖葫芦</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010202.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010202.html 精选 精选 费玉清-一剪梅 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>费玉清-一剪梅</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/费玉清-一剪梅.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>费玉清-一剪梅</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010201.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010201.html 精选 精选 费玉清-梦驼铃 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>费玉清-梦驼铃</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/费玉清-梦驼铃.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>费玉清-梦驼铃</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010200.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010200.html 精选 精选 飞儿乐团-月牙湾 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>飞儿乐团-月牙湾</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/飞儿乐团-月牙湾.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>飞儿乐团-月牙湾</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010199.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010199.html 精选 精选 飞儿乐团-我们的爱 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>飞儿乐团-我们的爱</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/飞儿乐团-我们的爱.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>飞儿乐团-我们的爱</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010198.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010198.html 精选 精选 飞儿乐团-千年之恋 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>飞儿乐团-千年之恋</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/飞儿乐团-千年之恋.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>飞儿乐团-千年之恋</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010197.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010197.html 精选 精选 飞儿乐团-你的微笑 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>飞儿乐团-你的微笑</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/飞儿乐团-你的微笑.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>飞儿乐团-你的微笑</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010196.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010196.html 精选 精选 范逸臣-放生 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>范逸臣-放生</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/范逸臣-放生.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>范逸臣-放生</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010195.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010195.html 精选 精选 范晓萱-雪人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>范晓萱-雪人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/范晓萱-雪人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>范晓萱-雪人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010194.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010194.html 精选 精选 范玮琪-最重要的决定 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>范玮琪-最重要的决定</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/范玮琪-最重要的决定.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>范玮琪-最重要的决定</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010193.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010193.html 精选 精选 范玮琪-最初的梦想 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>范玮琪-最初的梦想</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/范玮琪-最初的梦想.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>范玮琪-最初的梦想</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010192.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010192.html 精选 精选 范玮琪-一个像夏天一个像秋天 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>范玮琪-一个像夏天一个像秋天</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/范玮琪-一个像夏天一个像秋天.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>范玮琪-一个像夏天一个像秋天</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010191.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010191.html 精选 精选 樊凡-燃烧翅膀 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>樊凡-燃烧翅膀</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/樊凡-燃烧翅膀.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>樊凡-燃烧翅膀</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010190.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010190.html 精选 精选 樊凡-等不到的爱 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>樊凡-等不到的爱</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/樊凡-等不到的爱.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>樊凡-等不到的爱</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010189.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010189.html 精选 精选 杜德伟-情人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>杜德伟-情人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/杜德伟-情人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>杜德伟-情人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010188.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010188.html 精选 精选 动力火车-忠孝东路走九遍 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>动力火车-忠孝东路走九遍</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/动力火车-忠孝东路走九遍.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>动力火车-忠孝东路走九遍</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010187.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010187.html 精选 精选 动力火车-无情的情书 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>动力火车-无情的情书</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/动力火车-无情的情书.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>动力火车-无情的情书</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010186.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010186.html 精选 精选 动力火车-明天的明天的明天 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>动力火车-明天的明天的明天</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/动力火车-明天的明天的明天.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>动力火车-明天的明天的明天</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010185.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010185.html 精选 精选 动力火车-第一滴泪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>动力火车-第一滴泪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/动力火车-第一滴泪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>动力火车-第一滴泪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010184.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010184.html 精选 精选 动力火车-当 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>动力火车-当</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/动力火车-当.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>动力火车-当</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010183.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010183.html 精选 精选 动力火车-背叛情歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>动力火车-背叛情歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/动力火车-背叛情歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>动力火车-背叛情歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010182.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010182.html 精选 精选 冬季恋歌-从开始到现在 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>冬季恋歌-从开始到现在</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/冬季恋歌-从开始到现在.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>冬季恋歌-从开始到现在</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010181.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010181.html 精选 精选 丁当-手掌心 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>丁当-手掌心</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/丁当-手掌心.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>丁当-手掌心</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010180.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010180.html 精选 精选 丁当-猜不透 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>丁当-猜不透</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/丁当-猜不透.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>丁当-猜不透</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010179.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010179.html 精选 精选 刁寒-花好月圆 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>刁寒-花好月圆</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/刁寒-花好月圆.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>刁寒-花好月圆</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010178.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010178.html 精选 精选 电影原声-沧海一声笑 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>电影原声-沧海一声笑</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/电影原声-沧海一声笑.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>电影原声-沧海一声笑</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010177.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010177.html 精选 精选 迪丽热巴、汪苏泷-偏偏 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>迪丽热巴、汪苏泷-偏偏</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/迪丽热巴、汪苏泷-偏偏.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>迪丽热巴、汪苏泷-偏偏</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010176.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010176.html 精选 精选 迪克牛仔-有多少爱可以重来 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>迪克牛仔-有多少爱可以重来</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/迪克牛仔-有多少爱可以重来.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>迪克牛仔-有多少爱可以重来</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010175.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010175.html 精选 精选 邓紫棋-喜欢你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>邓紫棋-喜欢你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/邓紫棋-喜欢你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>邓紫棋-喜欢你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010174.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010174.html 精选 精选 邓紫棋-桃花诺 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>邓紫棋-桃花诺</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/邓紫棋-桃花诺.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>邓紫棋-桃花诺</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010173.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010173.html 精选 精选 邓紫棋-泡沫 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>邓紫棋-泡沫</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/邓紫棋-泡沫.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>邓紫棋-泡沫</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010172.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010172.html 精选 精选 邓紫棋-你把我灌醉 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>邓紫棋-你把我灌醉</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/邓紫棋-你把我灌醉.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>邓紫棋-你把我灌醉</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010171.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010171.html 精选 精选 邓紫棋-光年之外 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>邓紫棋-光年之外</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/邓紫棋-光年之外.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>邓紫棋-光年之外</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010170.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010170.html 精选 精选 邓紫棋-多远都要在一起 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>邓紫棋-多远都要在一起</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/邓紫棋-多远都要在一起.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>邓紫棋-多远都要在一起</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010169.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010169.html 精选 精选 邓紫棋-倒数 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>邓紫棋-倒数</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/邓紫棋-倒数.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>邓紫棋-倒数</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010168.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010168.html 精选 精选 邓丽欣、方力申-十分爱 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>邓丽欣、方力申-十分爱</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/邓丽欣、方力申-十分爱.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>邓丽欣、方力申-十分爱</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010167.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010167.html 精选 精选 邓丽君-小城故事 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>邓丽君-小城故事</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/邓丽君-小城故事.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>邓丽君-小城故事</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010166.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010166.html 精选 精选 邓丽君-独上西楼 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>邓丽君-独上西楼</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/邓丽君-独上西楼.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>邓丽君-独上西楼</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010165.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010165.html 精选 精选 等什么君-踏雪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>等什么君-踏雪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/等什么君-踏雪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>等什么君-踏雪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010164.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010164.html 精选 精选 等什么君-江湖策马 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>等什么君-江湖策马</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/等什么君-江湖策马.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>等什么君-江湖策马</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010163.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010163.html 精选 精选 等什么君-关山酒 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>等什么君-关山酒</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/等什么君-关山酒.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>等什么君-关山酒</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010162.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010162.html 精选 精选 等什么君-赤伶 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>等什么君-赤伶</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/等什么君-赤伶.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>等什么君-赤伶</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010161.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010161.html 精选 精选 刀郎-披着羊皮的狼 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>刀郎-披着羊皮的狼</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/刀郎-披着羊皮的狼.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>刀郎-披着羊皮的狼</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010160.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010160.html 精选 精选 刀郎-冲动的惩罚 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>刀郎-冲动的惩罚</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/刀郎-冲动的惩罚.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>刀郎-冲动的惩罚</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010159.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010159.html 精选 精选 刀郎-爱是你我 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>刀郎-爱是你我</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/刀郎-爱是你我.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>刀郎-爱是你我</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010158.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010158.html 精选 精选 刀郎-2002年的第一场雪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>刀郎-2002年的第一场雪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/刀郎-2002年的第一场雪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>刀郎-2002年的第一场雪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010157.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010157.html 精选 精选 戴羽彤-来迟 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>戴羽彤-来迟</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/戴羽彤-来迟.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>戴羽彤-来迟</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010156.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010156.html 精选 精选 戴佩妮-怎样 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>戴佩妮-怎样</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/戴佩妮-怎样.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>戴佩妮-怎样</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010155.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010155.html 精选 精选 戴佩妮-你要的爱 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>戴佩妮-你要的爱</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/戴佩妮-你要的爱.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>戴佩妮-你要的爱</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010154.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010154.html 精选 精选 戴佩妮-街角的祝福 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>戴佩妮-街角的祝福</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/戴佩妮-街角的祝福.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>戴佩妮-街角的祝福</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010153.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010153.html 精选 精选 戴佩妮-爱疯了 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>戴佩妮-爱疯了</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/戴佩妮-爱疯了.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>戴佩妮-爱疯了</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010152.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010152.html 精选 精选 大壮-我们不一样 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>大壮-我们不一样</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/大壮-我们不一样.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>大壮-我们不一样</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010151.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010151.html 精选 精选 大冢爱-桃ノ花ビラ <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>大冢爱-桃ノ花ビラ</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/大冢爱-桃ノ花ビラ.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>大冢爱-桃ノ花ビラ</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010150.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010150.html 精选 精选 大张伟-我怎么这么好看 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>大张伟-我怎么这么好看</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/大张伟-我怎么这么好看.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>大张伟-我怎么这么好看</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010149.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010149.html 精选 精选 大张伟-倍儿爽 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>大张伟-倍儿爽</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/大张伟-倍儿爽.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>大张伟-倍儿爽</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010148.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010148.html 精选 精选 大鹏-都选C <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>大鹏-都选C</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/大鹏-都选C.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>大鹏-都选C</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010147.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010147.html 精选 精选 大欢-三生石下 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>大欢-三生石下</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/大欢-三生石下.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>大欢-三生石下</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010146.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010146.html 精选 精选 崔子格-卜卦 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>崔子格-卜卦</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/崔子格-卜卦.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>崔子格-卜卦</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010145.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010145.html 精选 精选 川青-下潜 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>川青-下潜</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/川青-下潜.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>川青-下潜</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010144.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010144.html 精选 精选 初音未来-甩葱歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>初音未来-甩葱歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/初音未来-甩葱歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>初音未来-甩葱歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010143.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010143.html 精选 精选 程响-世界这么大还是遇见你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>程响-世界这么大还是遇见你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/程响-世界这么大还是遇见你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>程响-世界这么大还是遇见你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010142.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010142.html 精选 精选 程响-人间烟火 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>程响-人间烟火</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/程响-人间烟火.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>程响-人间烟火</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010141.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010141.html 精选 精选 程响-可能 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>程响-可能</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/程响-可能.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>程响-可能</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010140.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010140.html 精选 精选 程响-等你归来 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>程响-等你归来</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/程响-等你归来.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>程响-等你归来</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010139.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010139.html 精选 精选 程琳-信天游 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>程琳-信天游</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/程琳-信天游.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>程琳-信天游</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010138.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010138.html 精选 精选 成龙-壮志在我胸 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>成龙-壮志在我胸</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/成龙-壮志在我胸.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>成龙-壮志在我胸</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010137.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010137.html 精选 精选 成龙-真的用了心 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>成龙-真的用了心</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/成龙-真的用了心.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>成龙-真的用了心</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010136.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010136.html 精选 精选 成龙-英雄故事 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>成龙-英雄故事</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/成龙-英雄故事.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>成龙-英雄故事</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010135.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010135.html 精选 精选 成龙-你给我一片天 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>成龙-你给我一片天</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/成龙-你给我一片天.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>成龙-你给我一片天</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010134.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010134.html 精选 精选 成龙-男儿当自强 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>成龙-男儿当自强</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/成龙-男儿当自强.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>成龙-男儿当自强</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010133.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010133.html 精选 精选 成龙、苏慧伦-在我生命中的每一天 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>成龙、苏慧伦-在我生命中的每一天</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/成龙、苏慧伦-在我生命中的每一天.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>成龙、苏慧伦-在我生命中的每一天</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010132.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010132.html 精选 精选 成龙、金喜善-无尽的爱 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>成龙、金喜善-无尽的爱</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/成龙、金喜善-无尽的爱.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>成龙、金喜善-无尽的爱</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010131.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010131.html 精选 精选 成龙、范晓萱-身不由己 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>成龙、范晓萱-身不由己</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/成龙、范晓萱-身不由己.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>成龙、范晓萱-身不由己</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010130.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010130.html 精选 精选 陈奕迅-十年 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈奕迅-十年</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈奕迅-十年.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈奕迅-十年</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010129.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010129.html 精选 精选 陈奕迅-好久不见 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈奕迅-好久不见</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈奕迅-好久不见.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈奕迅-好久不见</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010128.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010128.html 精选 精选 陈奕迅-孤勇者 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈奕迅-孤勇者</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈奕迅-孤勇者.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈奕迅-孤勇者</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010127.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010127.html 精选 精选 陈奕迅-富士山下 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈奕迅-富士山下</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈奕迅-富士山下.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈奕迅-富士山下</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010126.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010126.html 精选 精选 陈奕迅-浮夸 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈奕迅-浮夸</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈奕迅-浮夸.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈奕迅-浮夸</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010125.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010125.html 精选 精选 陈奕迅-爱情转移 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈奕迅-爱情转移</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈奕迅-爱情转移.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈奕迅-爱情转移</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010124.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010124.html 精选 精选 陈奕迅-K歌之王 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈奕迅-K歌之王</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈奕迅-K歌之王.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈奕迅-K歌之王</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010123.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010123.html 精选 精选 陈奕迅、王菲-因为爱情 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈奕迅、王菲-因为爱情</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈奕迅、王菲-因为爱情.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈奕迅、王菲-因为爱情</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010122.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010122.html 精选 精选 陈雅森-下辈子不一定还能遇见你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈雅森-下辈子不一定还能遇见你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈雅森-下辈子不一定还能遇见你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈雅森-下辈子不一定还能遇见你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010121.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010121.html 精选 精选 陈旭-哥只是个传说 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈旭-哥只是个传说</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈旭-哥只是个传说.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈旭-哥只是个传说</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010120.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010120.html 精选 精选 陈晓东-比我幸福 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈晓东-比我幸福</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈晓东-比我幸福.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈晓东-比我幸福</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010119.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010119.html 精选 精选 陈小春-算你狠 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈小春-算你狠</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈小春-算你狠.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈小春-算你狠</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010118.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010118.html 精选 精选 陈小春-神啊救救我 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈小春-神啊救救我</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈小春-神啊救救我.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈小春-神啊救救我</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010117.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010117.html 精选 精选 陈小春-你好毒 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈小春-你好毒</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈小春-你好毒.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈小春-你好毒</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010116.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010116.html 精选 精选 陈小春-没那种命 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈小春-没那种命</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈小春-没那种命.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈小春-没那种命</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010115.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010115.html 精选 精选 陈伟霆、宝石Gem-野狼Disco <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈伟霆、宝石Gem-野狼Disco</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈伟霆、宝石Gem-野狼Disco.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈伟霆、宝石Gem-野狼Disco</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010114.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010114.html 精选 精选 陈淑桦-笑红尘 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈淑桦-笑红尘</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈淑桦-笑红尘.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈淑桦-笑红尘</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010113.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010113.html 精选 精选 陈淑桦-情关 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈淑桦-情关</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈淑桦-情关.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈淑桦-情关</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010112.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010112.html 精选 精选 陈淑桦-梦醒时分 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈淑桦-梦醒时分</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈淑桦-梦醒时分.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈淑桦-梦醒时分</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010111.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010111.html 精选 精选 陈升、刘佳慧-北京一夜 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈升、刘佳慧-北京一夜</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈升、刘佳慧-北京一夜.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈升、刘佳慧-北京一夜</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010110.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010110.html 精选 精选 陈瑞-白狐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈瑞-白狐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈瑞-白狐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈瑞-白狐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010109.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010109.html 精选 精选 陈明真-我用自己的方式爱你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈明真-我用自己的方式爱你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈明真-我用自己的方式爱你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈明真-我用自己的方式爱你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010108.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010108.html 精选 精选 陈明真-到哪里找那么好的人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈明真-到哪里找那么好的人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈明真-到哪里找那么好的人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈明真-到哪里找那么好的人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010107.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010107.html 精选 精选 陈明真-变心的翅膀 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈明真-变心的翅膀</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈明真-变心的翅膀.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈明真-变心的翅膀</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010106.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010106.html 精选 精选 陈明-我要找到你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈明-我要找到你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈明-我要找到你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈明-我要找到你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010105.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010105.html 精选 精选 陈明-为你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈明-为你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈明-为你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈明-为你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010104.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010104.html 精选 精选 陈明-快乐老家 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈明-快乐老家</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈明-快乐老家.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈明-快乐老家</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010103.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010103.html 精选 精选 陈明-等你爱我 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈明-等你爱我</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈明-等你爱我.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈明-等你爱我</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010102.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010102.html 精选 精选 陈琳-你的柔情我永远不懂 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈琳-你的柔情我永远不懂</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈琳-你的柔情我永远不懂.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈琳-你的柔情我永远不懂</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010101.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010101.html 精选 精选 陈琳-爱就爱了 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈琳-爱就爱了</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈琳-爱就爱了.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈琳-爱就爱了</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010100.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010100.html 精选 精选 陈慧娴-人生何处不相逢 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈慧娴-人生何处不相逢</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈慧娴-人生何处不相逢.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈慧娴-人生何处不相逢</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010099.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010099.html 精选 精选 陈慧娴-千千阙歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈慧娴-千千阙歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈慧娴-千千阙歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈慧娴-千千阙歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010098.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010098.html 精选 精选 陈慧琳-记事本 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈慧琳-记事本</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈慧琳-记事本.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈慧琳-记事本</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010097.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010097.html 精选 精选 陈慧琳-不如跳舞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈慧琳-不如跳舞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈慧琳-不如跳舞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈慧琳-不如跳舞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010096.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010096.html 精选 精选 陈红-走过长安街 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈红-走过长安街</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈红-走过长安街.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈红-走过长安街</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010095.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010095.html 精选 精选 陈光荣-再见...警察...再见 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈光荣-再见...警察...再见</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈光荣-再见...警察...再见.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈光荣-再见...警察...再见</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010094.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010094.html 精选 精选 陈冠蒲-太多 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈冠蒲-太多</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈冠蒲-太多.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈冠蒲-太多</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010093.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010093.html 精选 精选 陈冠蒲-就让你走 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈冠蒲-就让你走</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈冠蒲-就让你走.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈冠蒲-就让你走</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010092.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010092.html 精选 精选 陈妃平-永远到底有多远 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈妃平-永远到底有多远</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈妃平-永远到底有多远.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈妃平-永远到底有多远</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010091.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010091.html 精选 精选 陈楚生-有没有人告诉你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈楚生-有没有人告诉你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈楚生-有没有人告诉你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈楚生-有没有人告诉你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010090.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010090.html 精选 精选 陈百强-一生何求 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈百强-一生何求</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈百强-一生何求.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈百强-一生何求</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010089.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010089.html 精选 精选 陈百强-偏偏喜欢你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>陈百强-偏偏喜欢你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/陈百强-偏偏喜欢你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>陈百强-偏偏喜欢你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010088.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010088.html 精选 精选 曾春年-最幸福的人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>曾春年-最幸福的人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/曾春年-最幸福的人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>曾春年-最幸福的人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010087.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010087.html 精选 精选 岑雨桥、萧全-触电(爱的魔力转圈圈) <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>岑雨桥、萧全-触电(爱的魔力转圈圈)</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/岑雨桥、萧全-触电(爱的魔力转圈圈).mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>岑雨桥、萧全-触电(爱的魔力转圈圈)</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010086.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010086.html 精选 精选 岑宁儿-追光者 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>岑宁儿-追光者</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/岑宁儿-追光者.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>岑宁儿-追光者</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010085.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010085.html 精选 精选 草蜢-失恋阵线联盟 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>草蜢-失恋阵线联盟</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/草蜢-失恋阵线联盟.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>草蜢-失恋阵线联盟</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010084.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010084.html 精选 精选 草蜢-宝贝对不起 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>草蜢-宝贝对不起</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/草蜢-宝贝对不起.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>草蜢-宝贝对不起</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010083.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010083.html 精选 精选 曹格、卓文萱-梁山伯与茱丽叶 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>曹格、卓文萱-梁山伯与茱丽叶</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/曹格、卓文萱-梁山伯与茱丽叶.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>曹格、卓文萱-梁山伯与茱丽叶</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010082.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010082.html 精选 精选 蔡依林-舞娘 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>蔡依林-舞娘</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/蔡依林-舞娘.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>蔡依林-舞娘</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010081.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010081.html 精选 精选 蔡依林-我知道你很难过 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>蔡依林-我知道你很难过</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/蔡依林-我知道你很难过.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>蔡依林-我知道你很难过</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010080.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010080.html 精选 精选 蔡依林-日不落 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>蔡依林-日不落</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/蔡依林-日不落.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>蔡依林-日不落</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010079.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010079.html 精选 精选 蔡依林-看我72变 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>蔡依林-看我72变</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/蔡依林-看我72变.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>蔡依林-看我72变</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010078.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010078.html 精选 精选 蔡依林-布拉格广场 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>蔡依林-布拉格广场</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/蔡依林-布拉格广场.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>蔡依林-布拉格广场</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010077.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010077.html 精选 精选 蔡依林-爱情三十六计 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>蔡依林-爱情三十六计</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/蔡依林-爱情三十六计.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>蔡依林-爱情三十六计</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010076.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010076.html 精选 精选 蔡依林-LOVELOVELOVE <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>蔡依林-LOVELOVELOVE</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/蔡依林-LOVELOVELOVE.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>蔡依林-LOVELOVELOVE</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010075.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010075.html 精选 精选 蔡依林、陶喆-今天你要嫁给我 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>蔡依林、陶喆-今天你要嫁给我</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/蔡依林、陶喆-今天你要嫁给我.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>蔡依林、陶喆-今天你要嫁给我</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010074.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010074.html 精选 精选 蔡徐坤-WaitWaitWait <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>蔡徐坤-WaitWaitWait</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/蔡徐坤-WaitWaitWait.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>蔡徐坤-WaitWaitWait</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010073.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010073.html 精选 精选 蔡幸娟-问情 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>蔡幸娟-问情</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/蔡幸娟-问情.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>蔡幸娟-问情</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010072.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010072.html 精选 精选 蔡琴-被遺忘的時光 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>蔡琴-被遺忘的時光</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/蔡琴-被遺忘的時光.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>蔡琴-被遺忘的時光</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010071.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010071.html 精选 精选 蔡琴-把悲伤留给自己 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>蔡琴-把悲伤留给自己</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/蔡琴-把悲伤留给自己.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>蔡琴-把悲伤留给自己</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010070.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010070.html 精选 精选 蔡健雅-无底洞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>蔡健雅-无底洞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/蔡健雅-无底洞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>蔡健雅-无底洞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010069.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010069.html 精选 精选 蔡健雅-红色高跟鞋 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>蔡健雅-红色高跟鞋</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/蔡健雅-红色高跟鞋.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>蔡健雅-红色高跟鞋</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010068.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010068.html 精选 精选 蔡健雅-Letting Go <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>蔡健雅-Letting Go</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/蔡健雅-Letting Go.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>蔡健雅-Letting Go</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010067.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010067.html 精选 精选 蔡国权-顺流逆流 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>蔡国权-顺流逆流</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/蔡国权-顺流逆流.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>蔡国权-顺流逆流</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010066.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010066.html 精选 精选 蔡国权-不装饰你的梦 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>蔡国权-不装饰你的梦</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/蔡国权-不装饰你的梦.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>蔡国权-不装饰你的梦</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010065.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010065.html 精选 精选 布兰妮-everytime <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>布兰妮-everytime</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/布兰妮-everytime.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>布兰妮-everytime</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010064.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010064.html 精选 精选 布兰妮-BabyOneMoreTime <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>布兰妮-BabyOneMoreTime</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/布兰妮-BabyOneMoreTime.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>布兰妮-BabyOneMoreTime</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010063.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010063.html 精选 精选 不才-化身孤岛的鲸 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>不才-化身孤岛的鲸</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/不才-化身孤岛的鲸.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>不才-化身孤岛的鲸</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010062.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010062.html 精选 精选 伯爵Johnny、唐伯虎Annie-西厢寻他 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>伯爵Johnny、唐伯虎Annie-西厢寻他</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/伯爵Johnny、唐伯虎Annie-西厢寻他.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>伯爵Johnny、唐伯虎Annie-西厢寻他</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010061.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010061.html 精选 精选 半阳-一曲相思 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>半阳-一曲相思</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/半阳-一曲相思.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>半阳-一曲相思</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010060.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010060.html 精选 精选 安琥-天使的翅膀 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>安琥-天使的翅膀</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/安琥-天使的翅膀.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>安琥-天使的翅膀</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010059.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010059.html 精选 精选 艾辰-错位时空 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>艾辰-错位时空</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/艾辰-错位时空.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>艾辰-错位时空</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010058.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010058.html 精选 精选 阿悠悠-旧梦一场 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>阿悠悠-旧梦一场</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/阿悠悠-旧梦一场.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>阿悠悠-旧梦一场</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010057.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010057.html 精选 精选 阿泱-氧气 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>阿泱-氧气</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/阿泱-氧气.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>阿泱-氧气</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010056.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010056.html 精选 精选 阿桑-一直很安静 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>阿桑-一直很安静</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/阿桑-一直很安静.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>阿桑-一直很安静</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010055.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010055.html 精选 精选 阿桑-叶子 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>阿桑-叶子</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/阿桑-叶子.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>阿桑-叶子</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010054.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010054.html 精选 精选 阿桑-受了点伤 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>阿桑-受了点伤</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/阿桑-受了点伤.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>阿桑-受了点伤</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010053.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010053.html 精选 精选 阿桑-寂寞在唱歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>阿桑-寂寞在唱歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/阿桑-寂寞在唱歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>阿桑-寂寞在唱歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010052.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010052.html 精选 精选 阿桑-疯了 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>阿桑-疯了</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/阿桑-疯了.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>阿桑-疯了</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010051.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010051.html 精选 精选 阿悄-陪我去流浪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>阿悄-陪我去流浪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/阿悄-陪我去流浪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>阿悄-陪我去流浪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010050.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010050.html 精选 精选 阿木-有一种爱叫做放手 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>阿木-有一种爱叫做放手</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/阿木-有一种爱叫做放手.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>阿木-有一种爱叫做放手</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010049.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010049.html 精选 精选 阿梨粤-晚风心里吹 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>阿梨粤-晚风心里吹</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/阿梨粤-晚风心里吹.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>阿梨粤-晚风心里吹</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010048.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010048.html 精选 精选 阿梨粤-秒针 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>阿梨粤-秒针</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/阿梨粤-秒针.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>阿梨粤-秒针</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010047.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010047.html 精选 精选 阿杜-天黑 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>阿杜-天黑</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/阿杜-天黑.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>阿杜-天黑</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010046.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010046.html 精选 精选 阿杜-他一定很爱你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>阿杜-他一定很爱你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/阿杜-他一定很爱你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>阿杜-他一定很爱你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010045.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010045.html 精选 精选 阿杜-撕夜 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>阿杜-撕夜</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/阿杜-撕夜.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>阿杜-撕夜</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010044.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010044.html 精选 精选 阿杜-离别 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>阿杜-离别</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/阿杜-离别.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>阿杜-离别</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010043.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010043.html 精选 精选 阿杜-坚持到底 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>阿杜-坚持到底</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/阿杜-坚持到底.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>阿杜-坚持到底</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010042.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010042.html 精选 精选 阿YueYue-云与海 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>阿YueYue-云与海</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/阿YueYue-云与海.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>阿YueYue-云与海</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010041.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010041.html 精选 精选 阿YueYue-不负人间 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>阿YueYue-不负人间</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/阿YueYue-不负人间.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>阿YueYue-不负人间</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010040.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010040.html 精选 精选 WizKhalifa-See You Again <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>WizKhalifa-See You Again</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/WizKhalifa-See You Again.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>WizKhalifa-See You Again</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010039.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010039.html 精选 精选 WhitneyHouston-IWillAlwaysLoveYou <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>WhitneyHouston-IWillAlwaysLoveYou</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/WhitneyHouston-IWillAlwaysLoveYou.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>WhitneyHouston-IWillAlwaysLoveYou</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010038.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010038.html 精选 精选 WAX-余情 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>WAX-余情</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/WAX-余情.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>WAX-余情</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010037.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010037.html 精选 精选 WAX-渴望爱情 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>WAX-渴望爱情</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/WAX-渴望爱情.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>WAX-渴望爱情</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010036.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010036.html 精选 精选 WAX-改变化装 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>WAX-改变化装</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/WAX-改变化装.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>WAX-改变化装</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010035.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010035.html 精选 精选 Vitas-星星 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Vitas-星星</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/Vitas-星星.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>Vitas-星星</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010034.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010034.html 精选 精选 Vitas-歌剧2 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Vitas-歌剧2</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/Vitas-歌剧2.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>Vitas-歌剧2</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010033.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010033.html 精选 精选 Vitas-奉献 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Vitas-奉献</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/Vitas-奉献.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>Vitas-奉献</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010032.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010032.html 精选 精选 Twins-下一站天后 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Twins-下一站天后</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/Twins-下一站天后.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>Twins-下一站天后</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010031.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010031.html 精选 精选 Twins-莫斯科没有眼泪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Twins-莫斯科没有眼泪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/Twins-莫斯科没有眼泪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>Twins-莫斯科没有眼泪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010030.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010030.html 精选 精选 TFBOYS-青春修炼手册 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>TFBOYS-青春修炼手册</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/TFBOYS-青春修炼手册.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>TFBOYS-青春修炼手册</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010029.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010029.html 精选 精选 sara-爱很美 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>sara-爱很美</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/sara-爱很美.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>sara-爱很美</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010028.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010028.html 精选 精选 SarahCoonor-just one last dance <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>SarahCoonor-just one last dance</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/SarahCoonor-just one last dance.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>SarahCoonor-just one last dance</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010027.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010027.html 精选 精选 sarahBrightman-斯卡布罗集市 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>sarahBrightman-斯卡布罗集市</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/sarahBrightman-斯卡布罗集市.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>sarahBrightman-斯卡布罗集市</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010026.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010026.html 精选 精选 S.H.E-中国话 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>S.H.E-中国话</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/S.H.E-中国话.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>S.H.E-中国话</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010025.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010025.html 精选 精选 S.H.E-恋人未满 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>S.H.E-恋人未满</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/S.H.E-恋人未满.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>S.H.E-恋人未满</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010024.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010024.html 精选 精选 S.H.E-波斯猫 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>S.H.E-波斯猫</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/S.H.E-波斯猫.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>S.H.E-波斯猫</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010023.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010023.html 精选 精选 S.H.E-SuperStar <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>S.H.E-SuperStar</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/S.H.E-SuperStar.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>S.H.E-SuperStar</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010022.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010022.html 精选 精选 MinnieRiperton-LovingYou <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>MinnieRiperton-LovingYou</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/MinnieRiperton-LovingYou.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>MinnieRiperton-LovingYou</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010021.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010021.html 精选 精选 Luis Fonsi-Despacito <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Luis Fonsi-Despacito</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/Luis Fonsi-Despacito.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>Luis Fonsi-Despacito</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010020.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010020.html 精选 精选 LionelRichie-SayYouSayMe <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>LionelRichie-SayYouSayMe</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/LionelRichie-SayYouSayMe.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>LionelRichie-SayYouSayMe</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010019.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010019.html 精选 精选 kiss-因为是女子 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>kiss-因为是女子</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/kiss-因为是女子.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>kiss-因为是女子</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010018.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010018.html 精选 精选 JustinBieber-Baby <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>JustinBieber-Baby</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/JustinBieber-Baby.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>JustinBieber-Baby</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010017.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010017.html 精选 精选 Justin Bieber、Luis Fonsi、Daddy Yankee-Despacito(Remix) <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Justin Bieber、Luis Fonsi、Daddy Yankee-Despacito(Remix)</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/Justin Bieber、Luis Fonsi、Daddy Yankee-Despacito(Remix).mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>Justin Bieber、Luis Fonsi、Daddy Yankee-Despacito(Remix)</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010016.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010016.html 精选 精选 HITA-赤伶 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>HITA-赤伶</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/HITA-赤伶.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>HITA-赤伶</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010015.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010015.html 精选 精选 Enya-May It Be <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Enya-May It Be</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/Enya-May It Be.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>Enya-May It Be</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010014.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010014.html 精选 精选 Ella[陈嘉桦]-都几岁了 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Ella[陈嘉桦]-都几岁了</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/Ella[陈嘉桦]-都几岁了.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>Ella[陈嘉桦]-都几岁了</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010013.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010013.html 精选 精选 EdSheeran-ShapeOfYou <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>EdSheeran-ShapeOfYou</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/EdSheeran-ShapeOfYou.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>EdSheeran-ShapeOfYou</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010012.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010012.html 精选 精选 DemiLovato-LetItGo <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>DemiLovato-LetItGo</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/DemiLovato-LetItGo.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>DemiLovato-LetItGo</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010011.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010011.html 精选 精选 Dana Winner-Moonlight Shadow <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Dana Winner-Moonlight Shadow</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/Dana Winner-Moonlight Shadow.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>Dana Winner-Moonlight Shadow</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010010.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010010.html 精选 精选 Beyond-真的爱你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Beyond-真的爱你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/Beyond-真的爱你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>Beyond-真的爱你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010009.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010009.html 精选 精选 Beyond-喜欢你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Beyond-喜欢你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/Beyond-喜欢你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>Beyond-喜欢你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010008.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010008.html 精选 精选 Beyond-海阔天空 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Beyond-海阔天空</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/Beyond-海阔天空.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>Beyond-海阔天空</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010007.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010007.html 精选 精选 Beyond-光辉岁月 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Beyond-光辉岁月</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/Beyond-光辉岁月.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>Beyond-光辉岁月</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010006.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010006.html 精选 精选 Beyond-不再犹豫 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Beyond-不再犹豫</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/Beyond-不再犹豫.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>Beyond-不再犹豫</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010005.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010005.html 精选 精选 BackstreetBoys-As_Long_As_You_Love_M <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>BackstreetBoys-As_Long_As_You_Love_M</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/BackstreetBoys-As_Long_As_You_Love_M.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>BackstreetBoys-As_Long_As_You_Love_M</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010004.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010004.html 精选 精选 AvrilLavigne-IamWithYou <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>AvrilLavigne-IamWithYou</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/AvrilLavigne-IamWithYou.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>AvrilLavigne-IamWithYou</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010003.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010003.html 精选 精选 ALin-有一种悲伤 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>ALin-有一种悲伤</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/ALin-有一种悲伤.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>ALin-有一种悲伤</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010002.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010002.html 精选 精选 ALin-给我一个理由忘记 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>ALin-给我一个理由忘记</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/精选/ALin-给我一个理由忘记.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>精选</label> <small>ALin-给我一个理由忘记</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2025 16:00:00 +0000 https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010001.html https://agusmakmun.github.io/%E7%B2%BE%E9%80%89/2025/02/13/1010001.html 精选 精选 有里知花-I Cry <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>有里知花-I Cry</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/有里知花-I Cry.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>有里知花-I Cry</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020154.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020154.html 欧美音乐 欧美音乐 伊莲娜罗尔-我的名字叫伊莲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>伊莲娜罗尔-我的名字叫伊莲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/伊莲娜罗尔-我的名字叫伊莲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>伊莲娜罗尔-我的名字叫伊莲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020153.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020153.html 欧美音乐 欧美音乐 斯维特拉娜 斯维吉科娃-天使消逝的地方 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>斯维特拉娜 斯维吉科娃-天使消逝的地方</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/斯维特拉娜 斯维吉科娃-天使消逝的地方.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>斯维特拉娜 斯维吉科娃-天使消逝的地方</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020152.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020152.html 欧美音乐 欧美音乐 手嶌葵-the rose <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>手嶌葵-the rose</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/手嶌葵-the rose.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>手嶌葵-the rose</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020151.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020151.html 欧美音乐 欧美音乐 欧美群星-WeAreTheWorld <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>欧美群星-WeAreTheWorld</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/欧美群星-WeAreTheWorld.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>欧美群星-WeAreTheWorld</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020150.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020150.html 欧美音乐 欧美音乐 卡洛儿-写给海洋 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>卡洛儿-写给海洋</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/卡洛儿-写给海洋.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>卡洛儿-写给海洋</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020149.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020149.html 欧美音乐 欧美音乐 卡洛儿-假如爱有天意 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>卡洛儿-假如爱有天意</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/卡洛儿-假如爱有天意.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>卡洛儿-假如爱有天意</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020148.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020148.html 欧美音乐 欧美音乐 布兰妮-everytime <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>布兰妮-everytime</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/布兰妮-everytime.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>布兰妮-everytime</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020147.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020147.html 欧美音乐 欧美音乐 布兰妮-BabyOneMoreTime <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>布兰妮-BabyOneMoreTime</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/布兰妮-BabyOneMoreTime.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>布兰妮-BabyOneMoreTime</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020146.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020146.html 欧美音乐 欧美音乐 WizKhalifa-See You Again <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>WizKhalifa-See You Again</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/WizKhalifa-See You Again.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>WizKhalifa-See You Again</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020145.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020145.html 欧美音乐 欧美音乐 Whitney Houston-I will Always Love You <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Whitney Houston-I will Always Love You</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Whitney Houston-I will Always Love You.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Whitney Houston-I will Always Love You</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020144.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020144.html 欧美音乐 欧美音乐 Whitney Houston-I Have Nothing <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Whitney Houston-I Have Nothing</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Whitney Houston-I Have Nothing.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Whitney Houston-I Have Nothing</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020143.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020143.html 欧美音乐 欧美音乐 Westlife-Seasons in the Sun <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Westlife-Seasons in the Sun</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Westlife-Seasons in the Sun.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Westlife-Seasons in the Sun</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020142.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020142.html 欧美音乐 欧美音乐 Westlife-Nothings Going to Change My Love For You <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Westlife-Nothings Going to Change My Love For You</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Westlife-Nothings Going to Change My Love For You.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Westlife-Nothings Going to Change My Love For You</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020141.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020141.html 欧美音乐 欧美音乐 Westlife-My Love <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Westlife-My Love</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Westlife-My Love.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Westlife-My Love</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020140.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020140.html 欧美音乐 欧美音乐 Vitas-星星 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Vitas-星星</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Vitas-星星.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Vitas-星星</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020139.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020139.html 欧美音乐 欧美音乐 Vitas-歌剧2 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Vitas-歌剧2</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Vitas-歌剧2.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Vitas-歌剧2</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020138.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020138.html 欧美音乐 欧美音乐 Vicetone、Meron Ryan-Walk Thru Fire <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Vicetone、Meron Ryan-Walk Thru Fire</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Vicetone、Meron Ryan-Walk Thru Fire.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Vicetone、Meron Ryan-Walk Thru Fire</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020137.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020137.html 欧美音乐 欧美音乐 Various Artists、Deutschland Sucht Den Superstar-Cry On My Shoulder <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Various Artists、Deutschland Sucht Den Superstar-Cry On My Shoulder</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Various Artists、Deutschland Sucht Den Superstar-Cry On My Shoulder.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Various Artists、Deutschland Sucht Den Superstar-Cry On My Shoulder</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020136.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020136.html 欧美音乐 欧美音乐 Usher、Lil Jon、Ludacris-Yeah <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Usher、Lil Jon、Ludacris-Yeah</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Usher、Lil Jon、Ludacris-Yeah.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Usher、Lil Jon、Ludacris-Yeah</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020135.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020135.html 欧美音乐 欧美音乐 U2-With Or Without You <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>U2-With Or Without You</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/U2-With Or Without You.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>U2-With Or Without You</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020134.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020134.html 欧美音乐 欧美音乐 Tragedie-Hey Oh <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Tragedie-Hey Oh</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Tragedie-Hey Oh.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Tragedie-Hey Oh</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020133.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020133.html 欧美音乐 欧美音乐 Trademark-Only Love <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Trademark-Only Love</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Trademark-Only Love.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Trademark-Only Love</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020132.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020132.html 欧美音乐 欧美音乐 Timbaland-Apologize <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Timbaland-Apologize</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Timbaland-Apologize.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Timbaland-Apologize</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020131.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020131.html 欧美音乐 欧美音乐 The Police-Every Breath You Take <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>The Police-Every Breath You Take</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/The Police-Every Breath You Take.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>The Police-Every Breath You Take</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020130.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020130.html 欧美音乐 欧美音乐 The Nolans-Sexy Music <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>The Nolans-Sexy Music</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/The Nolans-Sexy Music.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>The Nolans-Sexy Music</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020129.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020129.html 欧美音乐 欧美音乐 The Cascades-Rhythm Of The Rain <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>The Cascades-Rhythm Of The Rain</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/The Cascades-Rhythm Of The Rain.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>The Cascades-Rhythm Of The Rain</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020128.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020128.html 欧美音乐 欧美音乐 Taylor Swift-Love Story <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Taylor Swift-Love Story</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Taylor Swift-Love Story.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Taylor Swift-Love Story</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020127.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020127.html 欧美音乐 欧美音乐 Tatu-Loves Me Not <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Tatu-Loves Me Not</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Tatu-Loves Me Not.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Tatu-Loves Me Not</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020126.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020126.html 欧美音乐 欧美音乐 Tatu-30 Minutes <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Tatu-30 Minutes</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Tatu-30 Minutes.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Tatu-30 Minutes</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020125.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020125.html 欧美音乐 欧美音乐 Sweetbox-Dont Push Me <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Sweetbox-Dont Push Me</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Sweetbox-Dont Push Me.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Sweetbox-Dont Push Me</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020124.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020124.html 欧美音乐 欧美音乐 Stevie Wonder-I Just Called To Say I Love You <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Stevie Wonder-I Just Called To Say I Love You</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Stevie Wonder-I Just Called To Say I Love You.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Stevie Wonder-I Just Called To Say I Love You</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020123.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020123.html 欧美音乐 欧美音乐 Starship-Nothings Gonna Stop Us Now <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Starship-Nothings Gonna Stop Us Now</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Starship-Nothings Gonna Stop Us Now.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Starship-Nothings Gonna Stop Us Now</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020122.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020122.html 欧美音乐 欧美音乐 Smile.DK-Butterfly <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Smile.DK-Butterfly</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Smile.DK-Butterfly.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Smile.DK-Butterfly</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020121.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020121.html 欧美音乐 欧美音乐 Simon And Garfunkel-The Sound of Silence <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Simon And Garfunkel-The Sound of Silence</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Simon And Garfunkel-The Sound of Silence.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Simon And Garfunkel-The Sound of Silence</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020120.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020120.html 欧美音乐 欧美音乐 Sia-Unstoppable <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Sia-Unstoppable</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Sia-Unstoppable.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Sia-Unstoppable</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020119.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020119.html 欧美音乐 欧美音乐 Sia-Move Your Body <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Sia-Move Your Body</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Sia-Move Your Body.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Sia-Move Your Body</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020118.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020118.html 欧美音乐 欧美音乐 Sia-Cheap Thrills <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Sia-Cheap Thrills</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Sia-Cheap Thrills.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Sia-Cheap Thrills</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020117.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020117.html 欧美音乐 欧美音乐 Shayne Ward-Unchained Melody <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Shayne Ward-Unchained Melody</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Shayne Ward-Unchained Melody.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Shayne Ward-Unchained Melody</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020116.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020116.html 欧美音乐 欧美音乐 Shakin Stevens-Because I Love You <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Shakin Stevens-Because I Love You</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Shakin Stevens-Because I Love You.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Shakin Stevens-Because I Love You</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020115.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020115.html 欧美音乐 欧美音乐 Selena Gomez-Wolves <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Selena Gomez-Wolves</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Selena Gomez-Wolves.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Selena Gomez-Wolves</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020114.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020114.html 欧美音乐 欧美音乐 Secret Garden-Nocturne <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Secret Garden-Nocturne</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Secret Garden-Nocturne.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Secret Garden-Nocturne</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020113.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020113.html 欧美音乐 欧美音乐 Savage Garden-Truly Madly Deeply <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Savage Garden-Truly Madly Deeply</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Savage Garden-Truly Madly Deeply.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Savage Garden-Truly Madly Deeply</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020112.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020112.html 欧美音乐 欧美音乐 Sasha Alex Sloan-Dancing With Your Ghost <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Sasha Alex Sloan-Dancing With Your Ghost</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Sasha Alex Sloan-Dancing With Your Ghost.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Sasha Alex Sloan-Dancing With Your Ghost</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020111.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020111.html 欧美音乐 欧美音乐 SarahCoonor-From Sarah With Love <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>SarahCoonor-From Sarah With Love</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/SarahCoonor-From Sarah With Love.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>SarahCoonor-From Sarah With Love</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020110.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020110.html 欧美音乐 欧美音乐 Sarah Coonor-just one last dance <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Sarah Coonor-just one last dance</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Sarah Coonor-just one last dance.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Sarah Coonor-just one last dance</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020109.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020109.html 欧美音乐 欧美音乐 Sarah Brightman-Scarborough Fair <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Sarah Brightman-Scarborough Fair</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Sarah Brightman-Scarborough Fair.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Sarah Brightman-Scarborough Fair</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020108.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020108.html 欧美音乐 欧美音乐 Sarah Brightman、Andrea Bocelli-Time To Say Goodbye <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Sarah Brightman、Andrea Bocelli-Time To Say Goodbye</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Sarah Brightman、Andrea Bocelli-Time To Say Goodbye.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Sarah Brightman、Andrea Bocelli-Time To Say Goodbye</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020107.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020107.html 欧美音乐 欧美音乐 Robbie Williams-Better Man <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Robbie Williams-Better Man</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Robbie Williams-Better Man.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Robbie Williams-Better Man</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020106.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020106.html 欧美音乐 欧美音乐 Ricky Martin-生命之杯 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Ricky Martin-生命之杯</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Ricky Martin-生命之杯.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Ricky Martin-生命之杯</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020105.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020105.html 欧美音乐 欧美音乐 Richard Marx-Right Here Waiting <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Richard Marx-Right Here Waiting</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Richard Marx-Right Here Waiting.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Richard Marx-Right Here Waiting</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020104.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020104.html 欧美音乐 欧美音乐 Rachel Platten-Lone Ranger <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Rachel Platten-Lone Ranger</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Rachel Platten-Lone Ranger.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Rachel Platten-Lone Ranger</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020103.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020103.html 欧美音乐 欧美音乐 R. Kelly-I Believe I Can Fly <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>R. Kelly-I Believe I Can Fly</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/R. Kelly-I Believe I Can Fly.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>R. Kelly-I Believe I Can Fly</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020102.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020102.html 欧美音乐 欧美音乐 P!nk-Try <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>P!nk-Try</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/P!nk-Try.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>P!nk-Try</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020101.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020101.html 欧美音乐 欧美音乐 O-Zone-Dragostea din tei <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>O-Zone-Dragostea din tei</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/O-Zone-Dragostea din tei.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>O-Zone-Dragostea din tei</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020100.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020100.html 欧美音乐 欧美音乐 Olly Murs-That Girl <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Olly Murs-That Girl</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Olly Murs-That Girl.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Olly Murs-That Girl</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020099.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020099.html 欧美音乐 欧美音乐 Nu Virgos-StopStopStop <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Nu Virgos-StopStopStop</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Nu Virgos-StopStopStop.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Nu Virgos-StopStopStop</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020098.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020098.html 欧美音乐 欧美音乐 Nana-lonely <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Nana-lonely</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Nana-lonely.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Nana-lonely</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020097.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020097.html 欧美音乐 欧美音乐 Modern Talking-Brother Louie <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Modern Talking-Brother Louie</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Modern Talking-Brother Louie.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Modern Talking-Brother Louie</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020096.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020096.html 欧美音乐 欧美音乐 MinnieRiperton-LovingYou <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>MinnieRiperton-LovingYou</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/MinnieRiperton-LovingYou.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>MinnieRiperton-LovingYou</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020095.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020095.html 欧美音乐 欧美音乐 Michael Learns To Rock-Take Me To Your Heart <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Michael Learns To Rock-Take Me To Your Heart</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Michael Learns To Rock-Take Me To Your Heart.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Michael Learns To Rock-Take Me To Your Heart</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020094.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020094.html 欧美音乐 欧美音乐 Michael Jackson-You Are Not Alone <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Michael Jackson-You Are Not Alone</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Michael Jackson-You Are Not Alone.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Michael Jackson-You Are Not Alone</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020093.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020093.html 欧美音乐 欧美音乐 Michael Jackson-HealTheWorld <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Michael Jackson-HealTheWorld</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Michael Jackson-HealTheWorld.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Michael Jackson-HealTheWorld</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020092.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020092.html 欧美音乐 欧美音乐 Michael Jackson-Dangerous <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Michael Jackson-Dangerous</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Michael Jackson-Dangerous.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Michael Jackson-Dangerous</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020091.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020091.html 欧美音乐 欧美音乐 Michael Jackson-Billie Jean <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Michael Jackson-Billie Jean</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Michael Jackson-Billie Jean.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Michael Jackson-Billie Jean</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020090.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020090.html 欧美音乐 欧美音乐 Michael Jackson-Beat It <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Michael Jackson-Beat It</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Michael Jackson-Beat It.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Michael Jackson-Beat It</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020089.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020089.html 欧美音乐 欧美音乐 Meg Myers-Running Up That Hill <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Meg Myers-Running Up That Hill</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Meg Myers-Running Up That Hill.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Meg Myers-Running Up That Hill</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020088.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020088.html 欧美音乐 欧美音乐 Maxwell-Its Ok <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Maxwell-Its Ok</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Maxwell-Its Ok.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Maxwell-Its Ok</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020087.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020087.html 欧美音乐 欧美音乐 Matthew Lien-Bressanone <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Matthew Lien-Bressanone</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Matthew Lien-Bressanone.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Matthew Lien-Bressanone</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020086.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020086.html 欧美音乐 欧美音乐 Maroon 5-Sugar <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Maroon 5-Sugar</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Maroon 5-Sugar.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Maroon 5-Sugar</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020085.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020085.html 欧美音乐 欧美音乐 MariaArredondo-Burning <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>MariaArredondo-Burning</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/MariaArredondo-Burning.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>MariaArredondo-Burning</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020084.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020084.html 欧美音乐 欧美音乐 Madonna-Papa Dont Preach <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Madonna-Papa Dont Preach</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Madonna-Papa Dont Preach.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Madonna-Papa Dont Preach</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020083.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020083.html 欧美音乐 欧美音乐 M2M-The Day You Went Away <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>M2M-The Day You Went Away</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/M2M-The Day You Went Away.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>M2M-The Day You Went Away</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020082.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020082.html 欧美音乐 欧美音乐 M2M-Pretty Boy <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>M2M-Pretty Boy</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/M2M-Pretty Boy.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>M2M-Pretty Boy</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020081.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020081.html 欧美音乐 欧美音乐 Luis Fonsi-Despacito <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Luis Fonsi-Despacito</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Luis Fonsi-Despacito.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Luis Fonsi-Despacito</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020080.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020080.html 欧美音乐 欧美音乐 Lovestoned-Bye Bye Bye <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Lovestoned-Bye Bye Bye</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Lovestoned-Bye Bye Bye.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Lovestoned-Bye Bye Bye</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020079.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020079.html 欧美音乐 欧美音乐 LionelRichie-SayYouSayMe <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>LionelRichie-SayYouSayMe</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/LionelRichie-SayYouSayMe.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>LionelRichie-SayYouSayMe</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020078.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020078.html 欧美音乐 欧美音乐 Linkin Park-Numb <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Linkin Park-Numb</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Linkin Park-Numb.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Linkin Park-Numb</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020077.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020077.html 欧美音乐 欧美音乐 Leo Sayer-More Than I Can Say <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Leo Sayer-More Than I Can Say</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Leo Sayer-More Than I Can Say.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Leo Sayer-More Than I Can Say</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020076.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020076.html 欧美音乐 欧美音乐 Lenka-Trouble Is a Friend <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Lenka-Trouble Is a Friend</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Lenka-Trouble Is a Friend.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Lenka-Trouble Is a Friend</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020075.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020075.html 欧美音乐 欧美音乐 Lenka-The Show <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Lenka-The Show</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Lenka-The Show.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Lenka-The Show</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020074.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020074.html 欧美音乐 欧美音乐 Ladygaga-Poker Face <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Ladygaga-Poker Face</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Ladygaga-Poker Face.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Ladygaga-Poker Face</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020073.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020073.html 欧美音乐 欧美音乐 Klymaxx-I Miss You <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Klymaxx-I Miss You</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Klymaxx-I Miss You.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Klymaxx-I Miss You</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020072.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020072.html 欧美音乐 欧美音乐 Kim Taylor-I Am You <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Kim Taylor-I Am You</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Kim Taylor-I Am You.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Kim Taylor-I Am You</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020071.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020071.html 欧美音乐 欧美音乐 Kelly Clarkson-Stronger <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Kelly Clarkson-Stronger</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Kelly Clarkson-Stronger.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Kelly Clarkson-Stronger</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020070.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020070.html 欧美音乐 欧美音乐 Kelly Clarkson-Catch My Breath <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Kelly Clarkson-Catch My Breath</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Kelly Clarkson-Catch My Breath.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Kelly Clarkson-Catch My Breath</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020069.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020069.html 欧美音乐 欧美音乐 Kelly Clarkson-Because of You <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Kelly Clarkson-Because of You</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Kelly Clarkson-Because of You.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Kelly Clarkson-Because of You</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020068.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020068.html 欧美音乐 欧美音乐 Katy Perry-Roar <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Katy Perry-Roar</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Katy Perry-Roar.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Katy Perry-Roar</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020067.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020067.html 欧美音乐 欧美音乐 Kaoma-Lambada <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Kaoma-Lambada</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Kaoma-Lambada.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Kaoma-Lambada</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020066.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020066.html 欧美音乐 欧美音乐 Justin Bieber-Baby <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Justin Bieber-Baby</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Justin Bieber-Baby.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Justin Bieber-Baby</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020065.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020065.html 欧美音乐 欧美音乐 Justin Bieber、Luis Fonsi、Daddy Yankee-Despacito <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Justin Bieber、Luis Fonsi、Daddy Yankee-Despacito</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Justin Bieber、Luis Fonsi、Daddy Yankee-Despacito.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Justin Bieber、Luis Fonsi、Daddy Yankee-Despacito</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020064.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020064.html 欧美音乐 欧美音乐 John Denver-Take Me Home, Country Roads <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>John Denver-Take Me Home, Country Roads</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/John Denver-Take Me Home, Country Roads.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>John Denver-Take Me Home, Country Roads</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020063.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020063.html 欧美音乐 欧美音乐 Joan Jett-I Hate Myself For Loving You <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Joan Jett-I Hate Myself For Loving You</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Joan Jett-I Hate Myself For Loving You.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Joan Jett-I Hate Myself For Loving You</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020062.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020062.html 欧美音乐 欧美音乐 Jewel-Stand <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Jewel-Stand</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Jewel-Stand.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Jewel-Stand</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020061.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020061.html 欧美音乐 欧美音乐 Jennifer Rush-The Power of Love <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Jennifer Rush-The Power of Love</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Jennifer Rush-The Power of Love.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Jennifer Rush-The Power of Love</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020060.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020060.html 欧美音乐 欧美音乐 James Blunt-Youre Beautiful <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>James Blunt-Youre Beautiful</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/James Blunt-Youre Beautiful.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>James Blunt-Youre Beautiful</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020059.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020059.html 欧美音乐 欧美音乐 Ina Wroldsen-I Wanted You <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Ina Wroldsen-I Wanted You</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Ina Wroldsen-I Wanted You.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Ina Wroldsen-I Wanted You</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020058.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020058.html 欧美音乐 欧美音乐 Hedy West-500 Miles <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Hedy West-500 Miles</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Hedy West-500 Miles.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Hedy West-500 Miles</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020057.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020057.html 欧美音乐 欧美音乐 HayleyWestenra-never say goodbye <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>HayleyWestenra-never say goodbye</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/HayleyWestenra-never say goodbye.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>HayleyWestenra-never say goodbye</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020056.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020056.html 欧美音乐 欧美音乐 Hawk Nelson、Jonathan Steingard-Sold Out <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Hawk Nelson、Jonathan Steingard-Sold Out</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Hawk Nelson、Jonathan Steingard-Sold Out.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Hawk Nelson、Jonathan Steingard-Sold Out</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020055.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020055.html 欧美音乐 欧美音乐 Groove Coverage-She <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Groove Coverage-She</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Groove Coverage-She.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Groove Coverage-She</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020054.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020054.html 欧美音乐 欧美音乐 Groove Coverage-God Is a Girl <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Groove Coverage-God Is a Girl</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Groove Coverage-God Is a Girl.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Groove Coverage-God Is a Girl</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020053.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020053.html 欧美音乐 欧美音乐 Groove Coverage-Far Away From Home <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Groove Coverage-Far Away From Home</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Groove Coverage-Far Away From Home.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Groove Coverage-Far Away From Home</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020052.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020052.html 欧美音乐 欧美音乐 Grant Miller-Colder Than Ice <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Grant Miller-Colder Than Ice</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Grant Miller-Colder Than Ice.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Grant Miller-Colder Than Ice</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020051.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020051.html 欧美音乐 欧美音乐 George Michael-Careless Whisper <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>George Michael-Careless Whisper</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/George Michael-Careless Whisper.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>George Michael-Careless Whisper</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020050.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020050.html 欧美音乐 欧美音乐 George Benson-Nothings Gonna Change My Love For You <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>George Benson-Nothings Gonna Change My Love For You</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/George Benson-Nothings Gonna Change My Love For You.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>George Benson-Nothings Gonna Change My Love For You</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020049.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020049.html 欧美音乐 欧美音乐 Gareth Gates-Anyone of Us <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Gareth Gates-Anyone of Us</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Gareth Gates-Anyone of Us.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Gareth Gates-Anyone of Us</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020048.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020048.html 欧美音乐 欧美音乐 Gabriel MarianI-ts My Life <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Gabriel MarianI-ts My Life</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Gabriel MarianI-ts My Life.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Gabriel MarianI-ts My Life</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020047.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020047.html 欧美音乐 欧美音乐 Era-The Mass <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Era-The Mass</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Era-The Mass.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Era-The Mass</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020046.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020046.html 欧美音乐 欧美音乐 Enya-Only Time <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Enya-Only Time</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Enya-Only Time.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Enya-Only Time</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020045.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020045.html 欧美音乐 欧美音乐 Enya-May It Be <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Enya-May It Be</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Enya-May It Be.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Enya-May It Be</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020044.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020044.html 欧美音乐 欧美音乐 Eminem、Rihanna-Love The Way You Lie <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Eminem、Rihanna-Love The Way You Lie</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Eminem、Rihanna-Love The Way You Lie.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Eminem、Rihanna-Love The Way You Lie</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020043.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020043.html 欧美音乐 欧美音乐 Emilia-big big world <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Emilia-big big world</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Emilia-big big world.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Emilia-big big world</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020042.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020042.html 欧美音乐 欧美音乐 EdSheeran-Shape Of You <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>EdSheeran-Shape Of You</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/EdSheeran-Shape Of You.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>EdSheeran-Shape Of You</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020041.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020041.html 欧美音乐 欧美音乐 Eagles-Hotel California <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Eagles-Hotel California</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Eagles-Hotel California.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Eagles-Hotel California</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020040.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020040.html 欧美音乐 欧美音乐 Djokawari-luv letter <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Djokawari-luv letter</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Djokawari-luv letter.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Djokawari-luv letter</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020039.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020039.html 欧美音乐 欧美音乐 DemiLovato-LetItGo <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>DemiLovato-LetItGo</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/DemiLovato-LetItGo.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>DemiLovato-LetItGo</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020038.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020038.html 欧美音乐 欧美音乐 Delacey-Dream It Possible <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Delacey-Dream It Possible</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Delacey-Dream It Possible.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Delacey-Dream It Possible</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020037.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020037.html 欧美音乐 欧美音乐 Darin-Be What You Wanna Be <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Darin-Be What You Wanna Be</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Darin-Be What You Wanna Be.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Darin-Be What You Wanna Be</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020036.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020036.html 欧美音乐 欧美音乐 Daniel Powter-Free Loop <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Daniel Powter-Free Loop</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Daniel Powter-Free Loop.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Daniel Powter-Free Loop</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020035.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020035.html 欧美音乐 欧美音乐 Dana Winner-Moonlight Shadow <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Dana Winner-Moonlight Shadow</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Dana Winner-Moonlight Shadow.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Dana Winner-Moonlight Shadow</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020034.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020034.html 欧美音乐 欧美音乐 Dan Fogelberg-Sutters Mill <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Dan Fogelberg-Sutters Mill</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Dan Fogelberg-Sutters Mill.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Dan Fogelberg-Sutters Mill</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020033.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020033.html 欧美音乐 欧美音乐 Coldplay-Yellow <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Coldplay-Yellow</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Coldplay-Yellow.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Coldplay-Yellow</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020032.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020032.html 欧美音乐 欧美音乐 CHROMANCE-Wrap Me In Plastic <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>CHROMANCE-Wrap Me In Plastic</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/CHROMANCE-Wrap Me In Plastic.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>CHROMANCE-Wrap Me In Plastic</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020031.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020031.html 欧美音乐 欧美音乐 Charlie Puth、Selena Gomez-We Dont Talk Anymore <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Charlie Puth、Selena Gomez-We Dont Talk Anymore</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Charlie Puth、Selena Gomez-We Dont Talk Anymore.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Charlie Puth、Selena Gomez-We Dont Talk Anymore</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020030.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020030.html 欧美音乐 欧美音乐 Celine Dion-The Power Of Love <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Celine Dion-The Power Of Love</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Celine Dion-The Power Of Love.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Celine Dion-The Power Of Love</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020029.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020029.html 欧美音乐 欧美音乐 Celine Dion-My Heart Will Go On <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Celine Dion-My Heart Will Go On</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Celine Dion-My Heart Will Go On.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Celine Dion-My Heart Will Go On</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020028.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020028.html 欧美音乐 欧美音乐 Celine Dion-I Surrender <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Celine Dion-I Surrender</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Celine Dion-I Surrender.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Celine Dion-I Surrender</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020027.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020027.html 欧美音乐 欧美音乐 Celine Dion-Because You Loved Me <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Celine Dion-Because You Loved Me</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Celine Dion-Because You Loved Me.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Celine Dion-Because You Loved Me</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020026.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020026.html 欧美音乐 欧美音乐 Celine Dion-All By Myself <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Celine Dion-All By Myself</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Celine Dion-All By Myself.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Celine Dion-All By Myself</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020025.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020025.html 欧美音乐 欧美音乐 Carpenters-Yesterday Once More <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Carpenters-Yesterday Once More</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Carpenters-Yesterday Once More.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Carpenters-Yesterday Once More</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020024.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020024.html 欧美音乐 欧美音乐 CaraDillon-Craigie Hill <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>CaraDillon-Craigie Hill</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/CaraDillon-Craigie Hill.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>CaraDillon-Craigie Hill</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020023.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020023.html 欧美音乐 欧美音乐 BwO-Sunshine In The Rain <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>BwO-Sunshine In The Rain</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/BwO-Sunshine In The Rain.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>BwO-Sunshine In The Rain</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020022.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020022.html 欧美音乐 欧美音乐 Bon Jovi-Its My Life <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Bon Jovi-Its My Life</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Bon Jovi-Its My Life.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Bon Jovi-Its My Life</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020021.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020021.html 欧美音乐 欧美音乐 Blue-One Love <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Blue-One Love</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Blue-One Love.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Blue-One Love</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020020.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020020.html 欧美音乐 欧美音乐 Blue-All Rise <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Blue-All Rise</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Blue-All Rise.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Blue-All Rise</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020019.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020019.html 欧美音乐 欧美音乐 Bertie Higgins-Casablanca <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Bertie Higgins-Casablanca</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Bertie Higgins-Casablanca.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Bertie Higgins-Casablanca</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020018.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020018.html 欧美音乐 欧美音乐 Backstreet Boys-Larger Than Life <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Backstreet Boys-Larger Than Life</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Backstreet Boys-Larger Than Life.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Backstreet Boys-Larger Than Life</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020017.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020017.html 欧美音乐 欧美音乐 Backstreet Boys-I want it that way <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Backstreet Boys-I want it that way</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Backstreet Boys-I want it that way.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Backstreet Boys-I want it that way</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020016.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020016.html 欧美音乐 欧美音乐 Backstreet Boys-Everybody <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Backstreet Boys-Everybody</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Backstreet Boys-Everybody.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Backstreet Boys-Everybody</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020015.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020015.html 欧美音乐 欧美音乐 Backstreet Boys-As Long As You Love Me <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Backstreet Boys-As Long As You Love Me</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Backstreet Boys-As Long As You Love Me.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Backstreet Boys-As Long As You Love Me</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020014.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020014.html 欧美音乐 欧美音乐 AvrilLavigne-IamWithYou <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>AvrilLavigne-IamWithYou</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/AvrilLavigne-IamWithYou.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>AvrilLavigne-IamWithYou</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020013.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020013.html 欧美音乐 欧美音乐 Ava Max-Sweet but Psycho <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Ava Max-Sweet but Psycho</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Ava Max-Sweet but Psycho.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Ava Max-Sweet but Psycho</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020012.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020012.html 欧美音乐 欧美音乐 Ava Max-Salt <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Ava Max-Salt</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Ava Max-Salt.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Ava Max-Salt</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020011.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020011.html 欧美音乐 欧美音乐 Aqua-My Oh My <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Aqua-My Oh My</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Aqua-My Oh My.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Aqua-My Oh My</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020010.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020010.html 欧美音乐 欧美音乐 Ann Winsborn-La La Love On My Mind <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Ann Winsborn-La La Love On My Mind</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Ann Winsborn-La La Love On My Mind.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Ann Winsborn-La La Love On My Mind</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020009.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020009.html 欧美音乐 欧美音乐 AmyDiamond-Heartbeats <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>AmyDiamond-Heartbeats</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/AmyDiamond-Heartbeats.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>AmyDiamond-Heartbeats</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020008.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020008.html 欧美音乐 欧美音乐 Alan Walker-The Spectre <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Alan Walker-The Spectre</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Alan Walker-The Spectre.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Alan Walker-The Spectre</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020007.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020007.html 欧美音乐 欧美音乐 Alan Walker-Faded <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Alan Walker-Faded</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Alan Walker-Faded.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Alan Walker-Faded</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020006.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020006.html 欧美音乐 欧美音乐 Alan Walker-Alone <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Alan Walker-Alone</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Alan Walker-Alone.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Alan Walker-Alone</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020005.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020005.html 欧美音乐 欧美音乐 Air Supply-Making Love Out Of Nothing At All <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Air Supply-Making Love Out Of Nothing At All</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Air Supply-Making Love Out Of Nothing At All.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Air Supply-Making Love Out Of Nothing At All</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020004.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020004.html 欧美音乐 欧美音乐 Adele-Rolling in the Deep <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Adele-Rolling in the Deep</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Adele-Rolling in the Deep.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Adele-Rolling in the Deep</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020003.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020003.html 欧美音乐 欧美音乐 Adele-Hello <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Adele-Hello</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Adele-Hello.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Adele-Hello</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020002.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020002.html 欧美音乐 欧美音乐 Adaro-Es Ist Ein Schnee Gefallen <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Adaro-Es Ist Ein Schnee Gefallen</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/欧美音乐/Adaro-Es Ist Ein Schnee Gefallen.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>欧美音乐</label> <small>Adaro-Es Ist Ein Schnee Gefallen</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2024 16:00:00 +0000 https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020001.html https://agusmakmun.github.io/%E6%AC%A7%E7%BE%8E%E9%9F%B3%E4%B9%90/2024/02/13/1020001.html 欧美音乐 欧美音乐 犬夜叉-哀歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>犬夜叉-哀歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/犬夜叉-哀歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>犬夜叉-哀歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030172.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030172.html 纯音乐 纯音乐 齐普利安·波隆贝斯库-永恒的记忆 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>齐普利安·波隆贝斯库-永恒的记忆</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/齐普利安·波隆贝斯库-永恒的记忆.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>齐普利安·波隆贝斯库-永恒的记忆</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030171.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030171.html 纯音乐 纯音乐 莫扎特-幽默曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>莫扎特-幽默曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/莫扎特-幽默曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>莫扎特-幽默曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030170.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030170.html 纯音乐 纯音乐 莫扎特-摇篮曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>莫扎特-摇篮曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/莫扎特-摇篮曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>莫扎特-摇篮曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030169.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030169.html 纯音乐 纯音乐 莫扎特-小步舞曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>莫扎特-小步舞曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/莫扎特-小步舞曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>莫扎特-小步舞曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030168.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030168.html 纯音乐 纯音乐 莫扎特-土耳其进行曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>莫扎特-土耳其进行曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/莫扎特-土耳其进行曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>莫扎特-土耳其进行曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030167.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030167.html 纯音乐 纯音乐 莫扎特-魔笛 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>莫扎特-魔笛</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/莫扎特-魔笛.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>莫扎特-魔笛</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030166.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030166.html 纯音乐 纯音乐 莫扎特-安魂曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>莫扎特-安魂曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/莫扎特-安魂曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>莫扎特-安魂曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030165.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030165.html 纯音乐 纯音乐 莫扎特 c大调小星星变奏曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>莫扎特 c大调小星星变奏曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/莫扎特 c大调小星星变奏曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>莫扎特 c大调小星星变奏曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030164.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030164.html 纯音乐 纯音乐 马友友-天鹅 大提琴演奏 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>马友友-天鹅 大提琴演奏</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/马友友-天鹅 大提琴演奏.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>马友友-天鹅 大提琴演奏</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030163.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030163.html 纯音乐 纯音乐 马克西姆-克罗地亚狂想曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>马克西姆-克罗地亚狂想曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/马克西姆-克罗地亚狂想曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>马克西姆-克罗地亚狂想曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030162.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030162.html 纯音乐 纯音乐 绿钢琴 乐曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>绿钢琴 乐曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/绿钢琴 乐曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>绿钢琴 乐曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030161.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030161.html 纯音乐 纯音乐 理查德 克莱德曼-致爱丽丝 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-致爱丽丝</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-致爱丽丝.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-致爱丽丝</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030160.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030160.html 纯音乐 纯音乐 理查德 克莱德曼-永远爱你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-永远爱你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-永远爱你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-永远爱你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030159.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030159.html 纯音乐 纯音乐 理查德 克莱德曼-英雄交响曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-英雄交响曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-英雄交响曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-英雄交响曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030158.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030158.html 纯音乐 纯音乐 理查德 克莱德曼-野花 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-野花</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-野花.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-野花</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030157.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030157.html 纯音乐 纯音乐 理查德 克莱德曼-星空 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-星空</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-星空.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-星空</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030156.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030156.html 纯音乐 纯音乐 理查德 克莱德曼-午后的旅行 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-午后的旅行</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-午后的旅行.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-午后的旅行</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030155.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030155.html 纯音乐 纯音乐 理查德 克莱德曼-威尼斯之旅 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-威尼斯之旅</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-威尼斯之旅.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-威尼斯之旅</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030154.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030154.html 纯音乐 纯音乐 理查德 克莱德曼-忘却的悲伤 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-忘却的悲伤</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-忘却的悲伤.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-忘却的悲伤</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030153.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030153.html 纯音乐 纯音乐 理查德 克莱德曼-瓦妮莎的微笑 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-瓦妮莎的微笑</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-瓦妮莎的微笑.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-瓦妮莎的微笑</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030152.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030152.html 纯音乐 纯音乐 理查德 克莱德曼-思乡曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-思乡曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-思乡曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-思乡曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030151.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030151.html 纯音乐 纯音乐 理查德 克莱德曼-水边的阿狄丽娜 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-水边的阿狄丽娜</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-水边的阿狄丽娜.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-水边的阿狄丽娜</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030150.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030150.html 纯音乐 纯音乐 理查德 克莱德曼-少女的祈祷 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-少女的祈祷</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-少女的祈祷.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-少女的祈祷</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030149.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030149.html 纯音乐 纯音乐 理查德 克莱德曼-伤感乐曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-伤感乐曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-伤感乐曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-伤感乐曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030148.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030148.html 纯音乐 纯音乐 理查德 克莱德曼-柔如彩虹 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-柔如彩虹</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-柔如彩虹.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-柔如彩虹</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030147.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030147.html 纯音乐 纯音乐 理查德 克莱德曼-秋日私语 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-秋日私语</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-秋日私语.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-秋日私语</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030146.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030146.html 纯音乐 纯音乐 理查德 克莱德曼-乒乓之恋 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-乒乓之恋</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-乒乓之恋.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-乒乓之恋</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030145.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030145.html 纯音乐 纯音乐 理查德 克莱德曼-秘密的庭院 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-秘密的庭院</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-秘密的庭院.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-秘密的庭院</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030144.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030144.html 纯音乐 纯音乐 理查德 克莱德曼-梦中的鸟 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-梦中的鸟</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-梦中的鸟.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-梦中的鸟</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030143.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030143.html 纯音乐 纯音乐 理查德 克莱德曼-梦中的婚礼 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-梦中的婚礼</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-梦中的婚礼.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-梦中的婚礼</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030142.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030142.html 纯音乐 纯音乐 理查德 克莱德曼-玫瑰色的人生 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-玫瑰色的人生</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-玫瑰色的人生.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-玫瑰色的人生</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030141.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030141.html 纯音乐 纯音乐 理查德 克莱德曼-罗密欧与朱丽叶 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-罗密欧与朱丽叶</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-罗密欧与朱丽叶.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-罗密欧与朱丽叶</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030140.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030140.html 纯音乐 纯音乐 理查德 克莱德曼-蓝色狂想曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-蓝色狂想曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-蓝色狂想曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-蓝色狂想曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030139.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030139.html 纯音乐 纯音乐 理查德 克莱德曼-蓝色的爱 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-蓝色的爱</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-蓝色的爱.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-蓝色的爱</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030138.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030138.html 纯音乐 纯音乐 理查德 克莱德曼-欢乐之歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-欢乐之歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-欢乐之歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-欢乐之歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030137.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030137.html 纯音乐 纯音乐 理查德 克莱德曼-欢乐颂 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-欢乐颂</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-欢乐颂.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-欢乐颂</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030136.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030136.html 纯音乐 纯音乐 理查德 克莱德曼-海边的星空 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-海边的星空</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-海边的星空.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-海边的星空</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030135.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030135.html 纯音乐 纯音乐 理查德 克莱德曼-海边的祈祷 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-海边的祈祷</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-海边的祈祷.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-海边的祈祷</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030134.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030134.html 纯音乐 纯音乐 理查德 克莱德曼-给母亲的信 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-给母亲的信</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-给母亲的信.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-给母亲的信</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030133.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030133.html 纯音乐 纯音乐 理查德 克莱德曼-出埃及记 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-出埃及记</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-出埃及记.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-出埃及记</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030132.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030132.html 纯音乐 纯音乐 理查德 克莱德曼-爱之梦 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-爱之梦</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-爱之梦.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-爱之梦</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030131.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030131.html 纯音乐 纯音乐 理查德 克莱德曼-爱的协奏曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-爱的协奏曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-爱的协奏曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-爱的协奏曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030130.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030130.html 纯音乐 纯音乐 理查德 克莱德曼-爱的纪念 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>理查德 克莱德曼-爱的纪念</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/理查德 克莱德曼-爱的纪念.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>理查德 克莱德曼-爱的纪念</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030129.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030129.html 纯音乐 纯音乐 李斯特-钟 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李斯特-钟</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/李斯特-钟.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>李斯特-钟</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030128.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030128.html 纯音乐 纯音乐 浪客剑心-In Memories “A boy meets The Man” <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>浪客剑心-In Memories “A boy meets The Man”</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/浪客剑心-In Memories “A boy meets The Man”.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>浪客剑心-In Memories “A boy meets The Man”</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030127.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030127.html 纯音乐 纯音乐 凯文柯恩-走过绿意 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>凯文柯恩-走过绿意</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/凯文柯恩-走过绿意.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>凯文柯恩-走过绿意</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030126.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030126.html 纯音乐 纯音乐 久石让-天空之城 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>久石让-天空之城</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/久石让-天空之城.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>久石让-天空之城</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030125.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030125.html 纯音乐 纯音乐 宫崎骏 龙猫-水晶音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>宫崎骏 龙猫-水晶音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/宫崎骏 龙猫-水晶音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>宫崎骏 龙猫-水晶音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030124.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030124.html 纯音乐 纯音乐 杜普雷-殇 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>杜普雷-殇</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/杜普雷-殇.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>杜普雷-殇</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030123.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030123.html 纯音乐 纯音乐 贝多芬-月光奏鸣曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>贝多芬-月光奏鸣曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/贝多芬-月光奏鸣曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>贝多芬-月光奏鸣曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030122.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030122.html 纯音乐 纯音乐 贝多芬-田园交响曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>贝多芬-田园交响曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/贝多芬-田园交响曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>贝多芬-田园交响曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030121.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030121.html 纯音乐 纯音乐 贝多芬-命运交响乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>贝多芬-命运交响乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/贝多芬-命运交响乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>贝多芬-命运交响乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030120.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030120.html 纯音乐 纯音乐 贝多芬-悲怆奏鸣曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>贝多芬-悲怆奏鸣曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/贝多芬-悲怆奏鸣曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>贝多芬-悲怆奏鸣曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030119.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030119.html 纯音乐 纯音乐 班德瑞-巴格达的星星 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班德瑞-巴格达的星星</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班德瑞-巴格达的星星.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班德瑞-巴格达的星星</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030118.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030118.html 纯音乐 纯音乐 班得瑞-紫蝴蝶 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-紫蝴蝶</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-紫蝴蝶.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-紫蝴蝶</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030117.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030117.html 纯音乐 纯音乐 班得瑞-追梦人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-追梦人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-追梦人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-追梦人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030116.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030116.html 纯音乐 纯音乐 班得瑞-月光 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-月光</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-月光.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-月光</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030115.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030115.html 纯音乐 纯音乐 班得瑞-月光 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-月光 </title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-月光 .mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-月光 </small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030114.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030114.html 纯音乐 纯音乐 班得瑞-忧郁的爱 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-忧郁的爱</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-忧郁的爱.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-忧郁的爱</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030113.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030113.html 纯音乐 纯音乐 班得瑞-依卡路斯的羽翼 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-依卡路斯的羽翼</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-依卡路斯的羽翼.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-依卡路斯的羽翼</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030112.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030112.html 纯音乐 纯音乐 班得瑞-仙境 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-仙境</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-仙境.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-仙境</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030111.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030111.html 纯音乐 纯音乐 班得瑞-夏日华尔兹 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-夏日华尔兹</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-夏日华尔兹.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-夏日华尔兹</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030110.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030110.html 纯音乐 纯音乐 班得瑞-无止境的见识 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-无止境的见识</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-无止境的见识.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-无止境的见识</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030109.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030109.html 纯音乐 纯音乐 班得瑞-微风山谷 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-微风山谷</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-微风山谷.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-微风山谷</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030108.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030108.html 纯音乐 纯音乐 班得瑞-天堂之门 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-天堂之门</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-天堂之门.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-天堂之门</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030107.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030107.html 纯音乐 纯音乐 班得瑞-日光海岸 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-日光海岸</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-日光海岸.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-日光海岸</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030106.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030106.html 纯音乐 纯音乐 班得瑞-清晨 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-清晨</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-清晨.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-清晨</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030105.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030105.html 纯音乐 纯音乐 班得瑞-排箫 老鹰之歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-排箫 老鹰之歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-排箫 老鹰之歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-排箫 老鹰之歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030104.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030104.html 纯音乐 纯音乐 班得瑞-秘密 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-秘密</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-秘密.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-秘密</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030103.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030103.html 纯音乐 纯音乐 班得瑞-满天星 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-满天星</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-满天星.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-满天星</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030102.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030102.html 纯音乐 纯音乐 班得瑞-马可波罗 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-马可波罗</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-马可波罗.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-马可波罗</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030101.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030101.html 纯音乐 纯音乐 班得瑞-涟漪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-涟漪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-涟漪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-涟漪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030100.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030100.html 纯音乐 纯音乐 班得瑞-火战车 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-火战车</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-火战车.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-火战车</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030099.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030099.html 纯音乐 纯音乐 班得瑞-海王星 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-海王星</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-海王星.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-海王星</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030098.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030098.html 纯音乐 纯音乐 班得瑞-风的呢喃 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-风的呢喃</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-风的呢喃.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-风的呢喃</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030097.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030097.html 纯音乐 纯音乐 班得瑞-非洲日落 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-非洲日落</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-非洲日落.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-非洲日落</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030096.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030096.html 纯音乐 纯音乐 班得瑞-春野 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-春野</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-春野.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-春野</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030095.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030095.html 纯音乐 纯音乐 班得瑞-春水 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-春水</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-春水.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-春水</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030094.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030094.html 纯音乐 纯音乐 班得瑞-初雪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-初雪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-初雪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-初雪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030093.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030093.html 纯音乐 纯音乐 班得瑞-晨光 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-晨光</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-晨光.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-晨光</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030092.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030092.html 纯音乐 纯音乐 班得瑞-变幻之风 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-变幻之风</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-变幻之风.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-变幻之风</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030091.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030091.html 纯音乐 纯音乐 班得瑞-安妮的仙境 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-安妮的仙境</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-安妮的仙境.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-安妮的仙境</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030090.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030090.html 纯音乐 纯音乐 班得瑞-tim's lullaby <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-tim's lullaby</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-tim's lullaby.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-tim's lullaby</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030089.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030089.html 纯音乐 纯音乐 班得瑞-the sounds of silence <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-the sounds of silence</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-the sounds of silence.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-the sounds of silence</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030088.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030088.html 纯音乐 纯音乐 班得瑞-tenderness <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-tenderness</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-tenderness.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-tenderness</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030087.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030087.html 纯音乐 纯音乐 班得瑞-one moment in time <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-one moment in time</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-one moment in time.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-one moment in time</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030086.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030086.html 纯音乐 纯音乐 班得瑞-moment of fantasy <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-moment of fantasy</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-moment of fantasy.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-moment of fantasy</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030085.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030085.html 纯音乐 纯音乐 班得瑞-into red velvet <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-into red velvet</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-into red velvet.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-into red velvet</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030084.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030084.html 纯音乐 纯音乐 班得瑞-imagine <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-imagine</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-imagine.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-imagine</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030083.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030083.html 纯音乐 纯音乐 班得瑞-i_swear <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-i_swear</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-i_swear.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-i_swear</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030082.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030082.html 纯音乐 纯音乐 班得瑞-i want to know love is <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-i want to know love is</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-i want to know love is.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-i want to know love is</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030081.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030081.html 纯音乐 纯音乐 班得瑞-EI condor pasa <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-EI condor pasa</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-EI condor pasa.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-EI condor pasa</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030080.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030080.html 纯音乐 纯音乐 班得瑞-diamonds <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-diamonds</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-diamonds.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-diamonds</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030079.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030079.html 纯音乐 纯音乐 班得瑞-chariots of fire <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>班得瑞-chariots of fire</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/班得瑞-chariots of fire.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>班得瑞-chariots of fire</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030078.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030078.html 纯音乐 纯音乐 爱尔兰口哨女皇madden-爱尔兰画眉 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>爱尔兰口哨女皇madden-爱尔兰画眉</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/爱尔兰口哨女皇madden-爱尔兰画眉.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>爱尔兰口哨女皇madden-爱尔兰画眉</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030077.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030077.html 纯音乐 纯音乐 爱尔兰风笛 漫步神秘园 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>爱尔兰风笛 漫步神秘园</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/爱尔兰风笛 漫步神秘园.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>爱尔兰风笛 漫步神秘园</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030076.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030076.html 纯音乐 纯音乐 yiruma-雨的印记 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>yiruma-雨的印记</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/yiruma-雨的印记.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>yiruma-雨的印记</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030075.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030075.html 纯音乐 纯音乐 Joanie madden-The level plain <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Joanie madden-The level plain</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Joanie madden-The level plain.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Joanie madden-The level plain</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030074.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030074.html 纯音乐 纯音乐 Chunyy-最终幻想 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-最终幻想</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-最终幻想.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-最终幻想</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030073.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030073.html 纯音乐 纯音乐 Chunyy-只此一生 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-只此一生</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-只此一生.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-只此一生</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030072.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030072.html 纯音乐 纯音乐 Chunyy-云淡风轻 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-云淡风轻</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-云淡风轻.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-云淡风轻</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030071.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030071.html 纯音乐 纯音乐 Chunyy-月光下的凤尾竹 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-月光下的凤尾竹</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-月光下的凤尾竹.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-月光下的凤尾竹</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030070.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030070.html 纯音乐 纯音乐 Chunyy-雨中漫步 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-雨中漫步</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-雨中漫步.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-雨中漫步</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030069.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030069.html 纯音乐 纯音乐 Chunyy-雨林深处 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-雨林深处</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-雨林深处.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-雨林深处</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030068.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030068.html 纯音乐 纯音乐 Chunyy-印象之旅 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-印象之旅</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-印象之旅.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-印象之旅</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030067.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030067.html 纯音乐 纯音乐 Chunyy-野鸟情歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-野鸟情歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-野鸟情歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-野鸟情歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030066.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030066.html 纯音乐 纯音乐 Chunyy-雪之梦 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-雪之梦</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-雪之梦.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-雪之梦</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030065.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030065.html 纯音乐 纯音乐 Chunyy-小雨落在你脸上 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-小雨落在你脸上</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-小雨落在你脸上.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-小雨落在你脸上</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030064.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030064.html 纯音乐 纯音乐 Chunyy-小步舞曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-小步舞曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-小步舞曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-小步舞曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030063.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030063.html 纯音乐 纯音乐 Chunyy-相识也是缘份 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-相识也是缘份</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-相识也是缘份.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-相识也是缘份</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030062.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030062.html 纯音乐 纯音乐 Chunyy-乡间晚风 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-乡间晚风</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-乡间晚风.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-乡间晚风</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030061.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030061.html 纯音乐 纯音乐 Chunyy-夏日华尔兹 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-夏日华尔兹</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-夏日华尔兹.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-夏日华尔兹</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030060.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030060.html 纯音乐 纯音乐 Chunyy-昔日情怀 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-昔日情怀</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-昔日情怀.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-昔日情怀</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030059.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030059.html 纯音乐 纯音乐 Chunyy-西藏的月 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-西藏的月</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-西藏的月.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-西藏的月</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030058.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030058.html 纯音乐 纯音乐 Chunyy-西班牙斗牛士进行曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-西班牙斗牛士进行曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-西班牙斗牛士进行曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-西班牙斗牛士进行曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030057.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030057.html 纯音乐 纯音乐 Chunyy-我的海洋 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-我的海洋</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-我的海洋.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-我的海洋</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030056.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030056.html 纯音乐 纯音乐 Chunyy-万福玛丽亚 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-万福玛丽亚</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-万福玛丽亚.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-万福玛丽亚</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030055.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030055.html 纯音乐 纯音乐 Chunyy-天鹅湖 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-天鹅湖</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-天鹅湖.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-天鹅湖</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030054.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030054.html 纯音乐 纯音乐 Chunyy-水之轮回 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-水之轮回</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-水之轮回.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-水之轮回</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030053.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030053.html 纯音乐 纯音乐 Chunyy-树蛙之歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-树蛙之歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-树蛙之歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-树蛙之歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030052.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030052.html 纯音乐 纯音乐 Chunyy-守护你的天使 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-守护你的天使</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-守护你的天使.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-守护你的天使</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030051.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030051.html 纯音乐 纯音乐 Chunyy-似曾相识 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-似曾相识</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-似曾相识.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-似曾相识</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030050.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030050.html 纯音乐 纯音乐 Chunyy-森林中的一天 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-森林中的一天</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-森林中的一天.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-森林中的一天</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030049.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030049.html 纯音乐 纯音乐 Chunyy-茉莉花 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-茉莉花</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-茉莉花.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-茉莉花</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030048.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030048.html 纯音乐 纯音乐 Chunyy-绵雪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-绵雪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-绵雪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-绵雪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030047.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030047.html 纯音乐 纯音乐 Chunyy-梁祝之化蝶 笛子 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-梁祝之化蝶 笛子</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-梁祝之化蝶 笛子.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-梁祝之化蝶 笛子</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030046.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030046.html 纯音乐 纯音乐 Chunyy-蓝色的爱 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-蓝色的爱</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-蓝色的爱.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-蓝色的爱</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030045.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030045.html 纯音乐 纯音乐 Chunyy-卡农钢琴曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-卡农钢琴曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-卡农钢琴曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-卡农钢琴曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030044.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030044.html 纯音乐 纯音乐 Chunyy-卡布里的月光 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-卡布里的月光</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-卡布里的月光.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-卡布里的月光</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030043.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030043.html 纯音乐 纯音乐 Chunyy-火宵之月 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-火宵之月</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-火宵之月.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-火宵之月</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030042.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030042.html 纯音乐 纯音乐 Chunyy-很好听 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-很好听</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-很好听.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-很好听</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030041.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030041.html 纯音乐 纯音乐 Chunyy-和兰花在一起 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-和兰花在一起</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-和兰花在一起.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-和兰花在一起</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030040.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030040.html 纯音乐 纯音乐 Chunyy-格里格索尔维格之歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-格里格索尔维格之歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-格里格索尔维格之歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-格里格索尔维格之歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030039.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030039.html 纯音乐 纯音乐 Chunyy-风中之尘 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-风中之尘</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-风中之尘.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-风中之尘</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030038.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030038.html 纯音乐 纯音乐 Chunyy-风的气息 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-风的气息</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-风的气息.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-风的气息</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030037.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030037.html 纯音乐 纯音乐 Chunyy-飞鼠溪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-飞鼠溪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-飞鼠溪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-飞鼠溪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030036.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030036.html 纯音乐 纯音乐 Chunyy-断情殇 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-断情殇</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-断情殇.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-断情殇</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030035.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030035.html 纯音乐 纯音乐 Chunyy-第六感生死恋 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-第六感生死恋</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-第六感生死恋.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-第六感生死恋</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030034.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030034.html 纯音乐 纯音乐 Chunyy-大溪地清流 米奴哀舞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-大溪地清流 米奴哀舞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-大溪地清流 米奴哀舞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-大溪地清流 米奴哀舞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030033.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030033.html 纯音乐 纯音乐 Chunyy-春之声圆舞曲 古典钢琴 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-春之声圆舞曲 古典钢琴</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-春之声圆舞曲 古典钢琴.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-春之声圆舞曲 古典钢琴</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030032.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030032.html 纯音乐 纯音乐 Chunyy-初恋的地方 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-初恋的地方</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-初恋的地方.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-初恋的地方</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030031.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030031.html 纯音乐 纯音乐 Chunyy-沉思曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-沉思曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-沉思曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-沉思曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030030.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030030.html 纯音乐 纯音乐 Chunyy-沉睡的森林 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-沉睡的森林</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-沉睡的森林.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-沉睡的森林</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030029.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030029.html 纯音乐 纯音乐 Chunyy-宝贝珍之歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-宝贝珍之歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-宝贝珍之歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-宝贝珍之歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030028.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030028.html 纯音乐 纯音乐 Chunyy-安妮的歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-安妮的歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-安妮的歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-安妮的歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030027.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030027.html 纯音乐 纯音乐 Chunyy-安魂曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-安魂曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-安魂曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-安魂曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030026.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030026.html 纯音乐 纯音乐 Chunyy-爱在四月雪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Chunyy-爱在四月雪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/Chunyy-爱在四月雪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>Chunyy-爱在四月雪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030025.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030025.html 纯音乐 纯音乐 宗次郎-故乡的原风景 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>宗次郎-故乡的原风景</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/宗次郎-故乡的原风景.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>宗次郎-故乡的原风景</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030024.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030024.html 纯音乐 纯音乐 约纳森-杜鹃圆舞曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>约纳森-杜鹃圆舞曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/约纳森-杜鹃圆舞曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>约纳森-杜鹃圆舞曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030023.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030023.html 纯音乐 纯音乐 约翰·施特劳斯-维也纳森林的故事 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>约翰·施特劳斯-维也纳森林的故事</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/约翰·施特劳斯-维也纳森林的故事.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>约翰·施特劳斯-维也纳森林的故事</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030022.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030022.html 纯音乐 纯音乐 约翰·施特劳斯-蓝色多瑙河 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>约翰·施特劳斯-蓝色多瑙河</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/约翰·施特劳斯-蓝色多瑙河.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>约翰·施特劳斯-蓝色多瑙河</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030021.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030021.html 纯音乐 纯音乐 约翰 施特劳斯-闲聊波尔卡 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>约翰 施特劳斯-闲聊波尔卡</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/约翰 施特劳斯-闲聊波尔卡.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>约翰 施特劳斯-闲聊波尔卡</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030020.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030020.html 纯音乐 纯音乐 约翰 施特劳斯-溜冰圆舞曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>约翰 施特劳斯-溜冰圆舞曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/约翰 施特劳斯-溜冰圆舞曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>约翰 施特劳斯-溜冰圆舞曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030019.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030019.html 纯音乐 纯音乐 姚斯婷-寂静之声 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>姚斯婷-寂静之声</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/姚斯婷-寂静之声.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>姚斯婷-寂静之声</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030018.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030018.html 纯音乐 纯音乐 徐仁修-森林狂想曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>徐仁修-森林狂想曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/徐仁修-森林狂想曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>徐仁修-森林狂想曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030017.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030017.html 纯音乐 纯音乐 萧邦-幻想即兴曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>萧邦-幻想即兴曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/萧邦-幻想即兴曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>萧邦-幻想即兴曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030016.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030016.html 纯音乐 纯音乐 喜多郎-菩提树 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>喜多郎-菩提树</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/喜多郎-菩提树.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>喜多郎-菩提树</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030015.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030015.html 纯音乐 纯音乐 喜多郎-飞天 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>喜多郎-飞天</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/喜多郎-飞天.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>喜多郎-飞天</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030014.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030014.html 纯音乐 纯音乐 乌鸦 片尾曲-月光石 Rurutia <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>乌鸦 片尾曲-月光石 Rurutia</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/乌鸦 片尾曲-月光石 Rurutia.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>乌鸦 片尾曲-月光石 Rurutia</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030013.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030013.html 纯音乐 纯音乐 威尔第 茶花女-普罗旺斯的陆地和海洋 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>威尔第 茶花女-普罗旺斯的陆地和海洋</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/威尔第 茶花女-普罗旺斯的陆地和海洋.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>威尔第 茶花女-普罗旺斯的陆地和海洋</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030012.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030012.html 纯音乐 纯音乐 舒曼-梦幻曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>舒曼-梦幻曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/舒曼-梦幻曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>舒曼-梦幻曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030011.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030011.html 纯音乐 纯音乐 舒伯特-圣母颂 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>舒伯特-圣母颂</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/舒伯特-圣母颂.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>舒伯特-圣母颂</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030010.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030010.html 纯音乐 纯音乐 神思者-海之女神 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>神思者-海之女神</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/神思者-海之女神.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>神思者-海之女神</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030009.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030009.html 纯音乐 纯音乐 神思者-故宫的记忆 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>神思者-故宫的记忆</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/神思者-故宫的记忆.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>神思者-故宫的记忆</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030008.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030008.html 纯音乐 纯音乐 神思者-悲情城市 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>神思者-悲情城市</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/神思者-悲情城市.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>神思者-悲情城市</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030007.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030007.html 纯音乐 纯音乐 神思者-Project <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>神思者-Project</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/神思者-Project.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>神思者-Project</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030006.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030006.html 纯音乐 纯音乐 神秘园之歌-月亮门 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>神秘园之歌-月亮门</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/神秘园之歌-月亮门.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>神秘园之歌-月亮门</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030005.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030005.html 纯音乐 纯音乐 神秘园-月亮门 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>神秘园-月亮门</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/神秘园-月亮门.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>神秘园-月亮门</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030004.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030004.html 纯音乐 纯音乐 神秘园-夜曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>神秘园-夜曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/神秘园-夜曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>神秘园-夜曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030003.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030003.html 纯音乐 纯音乐 神秘园-莲花 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>神秘园-莲花</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/神秘园-莲花.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>神秘园-莲花</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030002.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030002.html 纯音乐 纯音乐 犬夜叉-跨越时代的思念 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>犬夜叉-跨越时代的思念</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/纯音乐/犬夜叉-跨越时代的思念.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>纯音乐</label> <small>犬夜叉-跨越时代的思念</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Mon, 13 Feb 2023 16:00:00 +0000 https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030001.html https://agusmakmun.github.io/%E7%BA%AF%E9%9F%B3%E4%B9%90/2023/02/13/1030001.html 纯音乐 纯音乐 玉珠铉-仲夏夜之梦 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>玉珠铉-仲夏夜之梦</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/玉珠铉-仲夏夜之梦.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>玉珠铉-仲夏夜之梦</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040066.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040066.html 韩国音乐 韩国音乐 严正花-都走吧 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>严正花-都走吧</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/严正花-都走吧.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>严正花-都走吧</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040065.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040065.html 韩国音乐 韩国音乐 我的野蛮女友-我相信 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>我的野蛮女友-我相信</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/我的野蛮女友-我相信.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>我的野蛮女友-我相信</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040064.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040064.html 韩国音乐 韩国音乐 孙丹菲-星期六晚上 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>孙丹菲-星期六晚上</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/孙丹菲-星期六晚上.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>孙丹菲-星期六晚上</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040063.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040063.html 韩国音乐 韩国音乐 淑熙-啦啦啦 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>淑熙-啦啦啦</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/淑熙-啦啦啦.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>淑熙-啦啦啦</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040062.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040062.html 韩国音乐 韩国音乐 申彗星-在那个位置 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>申彗星-在那个位置</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/申彗星-在那个位置.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>申彗星-在那个位置</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040061.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040061.html 韩国音乐 韩国音乐 申彗星-我慢慢死去 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>申彗星-我慢慢死去</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/申彗星-我慢慢死去.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>申彗星-我慢慢死去</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040060.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040060.html 韩国音乐 韩国音乐 申彗星-爱情病 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>申彗星-爱情病</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/申彗星-爱情病.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>申彗星-爱情病</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040059.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040059.html 韩国音乐 韩国音乐 申彗星-LoveLetter <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>申彗星-LoveLetter</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/申彗星-LoveLetter.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>申彗星-LoveLetter</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040058.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040058.html 韩国音乐 韩国音乐 少女时代-TheBoys <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>少女时代-TheBoys</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/少女时代-TheBoys.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>少女时代-TheBoys</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040057.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040057.html 韩国音乐 韩国音乐 少女时代-RunDevilRun <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>少女时代-RunDevilRun</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/少女时代-RunDevilRun.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>少女时代-RunDevilRun</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040056.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040056.html 韩国音乐 韩国音乐 少女时代-PARTY <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>少女时代-PARTY</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/少女时代-PARTY.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>少女时代-PARTY</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040055.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040055.html 韩国音乐 韩国音乐 少女时代-Paparazzi <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>少女时代-Paparazzi</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/少女时代-Paparazzi.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>少女时代-Paparazzi</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040054.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040054.html 韩国音乐 韩国音乐 少女时代-Oh! <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>少女时代-Oh!</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/少女时代-Oh!.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>少女时代-Oh!</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040053.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040053.html 韩国音乐 韩国音乐 少女时代-MrTaxi <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>少女时代-MrTaxi</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/少女时代-MrTaxi.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>少女时代-MrTaxi</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040052.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040052.html 韩国音乐 韩国音乐 少女时代-IntoTheNewWorld <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>少女时代-IntoTheNewWorld</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/少女时代-IntoTheNewWorld.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>少女时代-IntoTheNewWorld</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040051.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040051.html 韩国音乐 韩国音乐 少女时代-HOOT <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>少女时代-HOOT</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/少女时代-HOOT.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>少女时代-HOOT</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040050.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040050.html 韩国音乐 韩国音乐 少女时代-Holiday <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>少女时代-Holiday</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/少女时代-Holiday.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>少女时代-Holiday</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040049.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040049.html 韩国音乐 韩国音乐 少女时代-Gee <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>少女时代-Gee</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/少女时代-Gee.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>少女时代-Gee</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040048.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040048.html 韩国音乐 韩国音乐 少女时代-GalaxySupernova <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>少女时代-GalaxySupernova</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/少女时代-GalaxySupernova.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>少女时代-GalaxySupernova</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040047.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040047.html 韩国音乐 韩国音乐 少女时代-BeepBeep <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>少女时代-BeepBeep</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/少女时代-BeepBeep.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>少女时代-BeepBeep</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040046.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040046.html 韩国音乐 韩国音乐 少女时代-Animal <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>少女时代-Animal</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/少女时代-Animal.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>少女时代-Animal</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040045.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040045.html 韩国音乐 韩国音乐 朴孝信-雪之花 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>朴孝信-雪之花</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/朴孝信-雪之花.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>朴孝信-雪之花</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040044.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040044.html 韩国音乐 韩国音乐 朴慧京-结婚 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>朴慧京-结婚</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/朴慧京-结婚.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>朴慧京-结婚</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040043.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040043.html 韩国音乐 韩国音乐 朴慧京-yesterday <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>朴慧京-yesterday</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/朴慧京-yesterday.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>朴慧京-yesterday</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040042.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040042.html 韩国音乐 韩国音乐 朴惠京-RAIN <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>朴惠京-RAIN</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/朴惠京-RAIN.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>朴惠京-RAIN</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040041.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040041.html 韩国音乐 韩国音乐 裴勇俊-MyMemory <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>裴勇俊-MyMemory</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/裴勇俊-MyMemory.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>裴勇俊-MyMemory</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040040.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040040.html 韩国音乐 韩国音乐 柳真-ChaCha <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>柳真-ChaCha</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/柳真-ChaCha.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>柳真-ChaCha</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040039.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040039.html 韩国音乐 韩国音乐 李贞贤-月亮啊月亮 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李贞贤-月亮啊月亮</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/李贞贤-月亮啊月亮.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>李贞贤-月亮啊月亮</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040038.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040038.html 韩国音乐 韩国音乐 李贞贤-眉飞色舞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李贞贤-眉飞色舞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/李贞贤-眉飞色舞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>李贞贤-眉飞色舞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040037.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040037.html 韩国音乐 韩国音乐 李贞贤-独一无二 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李贞贤-独一无二</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/李贞贤-独一无二.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>李贞贤-独一无二</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040036.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040036.html 韩国音乐 韩国音乐 李秀英-我们 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李秀英-我们</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/李秀英-我们.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>李秀英-我们</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040035.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040035.html 韩国音乐 韩国音乐 李秀英-NEVERAGAIN <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李秀英-NEVERAGAIN</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/李秀英-NEVERAGAIN.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>李秀英-NEVERAGAIN</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040034.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040034.html 韩国音乐 韩国音乐 李秀英-AlsoILoveYou <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李秀英-AlsoILoveYou</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/李秀英-AlsoILoveYou.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>李秀英-AlsoILoveYou</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040033.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040033.html 韩国音乐 韩国音乐 李孝利-10minutes <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>李孝利-10minutes</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/李孝利-10minutes.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>李孝利-10minutes</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040032.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040032.html 韩国音乐 韩国音乐 蓝色生死恋-祈祷 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>蓝色生死恋-祈祷</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/蓝色生死恋-祈祷.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>蓝色生死恋-祈祷</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040031.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040031.html 韩国音乐 韩国音乐 冬季恋歌-从开始到现在 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>冬季恋歌-从开始到现在</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/冬季恋歌-从开始到现在.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>冬季恋歌-从开始到现在</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040030.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040030.html 韩国音乐 韩国音乐 WonderGirls-nobody <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>WonderGirls-nobody</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/WonderGirls-nobody.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>WonderGirls-nobody</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040029.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040029.html 韩国音乐 韩国音乐 WAX-坐着地铁 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>WAX-坐着地铁</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/WAX-坐着地铁.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>WAX-坐着地铁</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040028.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040028.html 韩国音乐 韩国音乐 WAX-只有眼泪只有眼泪 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>WAX-只有眼泪只有眼泪</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/WAX-只有眼泪只有眼泪.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>WAX-只有眼泪只有眼泪</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040027.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040027.html 韩国音乐 韩国音乐 WAX-余情 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>WAX-余情</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/WAX-余情.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>WAX-余情</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040026.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040026.html 韩国音乐 韩国音乐 WAX-一通电话也不行 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>WAX-一通电话也不行</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/WAX-一通电话也不行.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>WAX-一通电话也不行</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040025.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040025.html 韩国音乐 韩国音乐 WAX-渴望爱情 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>WAX-渴望爱情</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/WAX-渴望爱情.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>WAX-渴望爱情</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040024.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040024.html 韩国音乐 韩国音乐 WAX-改变化装 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>WAX-改变化装</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/WAX-改变化装.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>WAX-改变化装</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040023.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040023.html 韩国音乐 韩国音乐 WAX-Money <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>WAX-Money</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/WAX-Money.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>WAX-Money</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040022.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040022.html 韩国音乐 韩国音乐 WAX <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>WAX</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/WAX.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>WAX</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040021.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040021.html 韩国音乐 韩国音乐 tara-LoveyDovey <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>tara-LoveyDovey</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/tara-LoveyDovey.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>tara-LoveyDovey</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040020.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040020.html 韩国音乐 韩国音乐 sHarp-我的嘴唇如暖暖的咖啡 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>sHarp-我的嘴唇如暖暖的咖啡</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/sHarp-我的嘴唇如暖暖的咖啡.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>sHarp-我的嘴唇如暖暖的咖啡</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040019.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040019.html 韩国音乐 韩国音乐 rania-DrFeelGood <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>rania-DrFeelGood</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/rania-DrFeelGood.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>rania-DrFeelGood</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040018.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040018.html 韩国音乐 韩国音乐 Psy-江南Style <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Psy-江南Style</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/Psy-江南Style.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>Psy-江南Style</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040017.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040017.html 韩国音乐 韩国音乐 Lyn-歌信 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Lyn-歌信</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/Lyn-歌信.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>Lyn-歌信</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040016.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040016.html 韩国音乐 韩国音乐 Lyn-爱情都是谎言 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Lyn-爱情都是谎言</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/Lyn-爱情都是谎言.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>Lyn-爱情都是谎言</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040015.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040015.html 韩国音乐 韩国音乐 kiss-因为是女子 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>kiss-因为是女子</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/kiss-因为是女子.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>kiss-因为是女子</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040014.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040014.html 韩国音乐 韩国音乐 Kara-Honey <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Kara-Honey</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/Kara-Honey.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>Kara-Honey</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040013.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040013.html 韩国音乐 韩国音乐 Jewelry-更喜欢你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Jewelry-更喜欢你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/Jewelry-更喜欢你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>Jewelry-更喜欢你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040012.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040012.html 韩国音乐 韩国音乐 jewelry-Super_Star <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>jewelry-Super_Star</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/jewelry-Super_Star.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>jewelry-Super_Star</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040011.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040011.html 韩国音乐 韩国音乐 jewelry-again <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>jewelry-again</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/jewelry-again.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>jewelry-again</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040010.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040010.html 韩国音乐 韩国音乐 Fin.K.L-BlueRain <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Fin.K.L-BlueRain</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/Fin.K.L-BlueRain.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>Fin.K.L-BlueRain</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040009.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040009.html 韩国音乐 韩国音乐 DreamGirls殆死悲爱-ImSorry <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>DreamGirls殆死悲爱-ImSorry</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/DreamGirls殆死悲爱-ImSorry.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>DreamGirls殆死悲爱-ImSorry</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040008.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040008.html 韩国音乐 韩国音乐 Davichi-可笑的爱情 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Davichi-可笑的爱情</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/Davichi-可笑的爱情.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>Davichi-可笑的爱情</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040007.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040007.html 韩国音乐 韩国音乐 davichi-即使恨也爱你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>davichi-即使恨也爱你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/davichi-即使恨也爱你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>davichi-即使恨也爱你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040006.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040006.html 韩国音乐 韩国音乐 davichi-悲伤的约定 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>davichi-悲伤的约定</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/davichi-悲伤的约定.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>davichi-悲伤的约定</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040005.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040005.html 韩国音乐 韩国音乐 davichi-爱情和战争 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>davichi-爱情和战争</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/davichi-爱情和战争.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>davichi-爱情和战争</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040004.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040004.html 韩国音乐 韩国音乐 Dana-到世界尽头 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Dana-到世界尽头</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/Dana-到世界尽头.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>Dana-到世界尽头</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040003.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040003.html 韩国音乐 韩国音乐 BoA-No1 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>BoA-No1</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/BoA-No1.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>BoA-No1</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040002.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040002.html 韩国音乐 韩国音乐 BoA-AmazingKiss <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>BoA-AmazingKiss</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/韩国音乐/BoA-AmazingKiss.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>韩国音乐</label> <small>BoA-AmazingKiss</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sun, 13 Feb 2022 16:00:00 +0000 https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040001.html https://agusmakmun.github.io/%E9%9F%A9%E5%9B%BD%E9%9F%B3%E4%B9%90/2022/02/13/1040001.html 韩国音乐 韩国音乐 宗次郎-故乡的原风景 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>宗次郎-故乡的原风景</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/日本音乐/宗次郎-故乡的原风景.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>日本音乐</label> <small>宗次郎-故乡的原风景</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sat, 13 Feb 2021 16:00:00 +0000 https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050029.html https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050029.html 日本音乐 日本音乐 中島みゆき-容易受伤的女人原曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>中島みゆき-容易受伤的女人原曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/日本音乐/中島みゆき-容易受伤的女人原曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>日本音乐</label> <small>中島みゆき-容易受伤的女人原曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sat, 13 Feb 2021 16:00:00 +0000 https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050028.html https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050028.html 日本音乐 日本音乐 中岛美嘉-雪華 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>中岛美嘉-雪華</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/日本音乐/中岛美嘉-雪華.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>日本音乐</label> <small>中岛美嘉-雪華</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sat, 13 Feb 2021 16:00:00 +0000 https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050027.html https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050027.html 日本音乐 日本音乐 宇多田光-First_Love <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>宇多田光-First_Love</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/日本音乐/宇多田光-First_Love.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>日本音乐</label> <small>宇多田光-First_Love</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sat, 13 Feb 2021 16:00:00 +0000 https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050026.html https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050026.html 日本音乐 日本音乐 少女时代-the boys <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>少女时代-the boys</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/日本音乐/少女时代-the boys.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>日本音乐</label> <small>少女时代-the boys</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sat, 13 Feb 2021 16:00:00 +0000 https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050025.html https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050025.html 日本音乐 日本音乐 少女时代-mr taxi <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>少女时代-mr taxi</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/日本音乐/少女时代-mr taxi.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>日本音乐</label> <small>少女时代-mr taxi</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sat, 13 Feb 2021 16:00:00 +0000 https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050024.html https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050024.html 日本音乐 日本音乐 日本歌曲-漠然の莹 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>日本歌曲-漠然の莹</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/日本音乐/日本歌曲-漠然の莹.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>日本音乐</label> <small>日本歌曲-漠然の莹</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sat, 13 Feb 2021 16:00:00 +0000 https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050023.html https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050023.html 日本音乐 日本音乐 日本歌曲 星の在り処 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>日本歌曲 星の在り処</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/日本音乐/日本歌曲 星の在り処.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>日本音乐</label> <small>日本歌曲 星の在り処</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sat, 13 Feb 2021 16:00:00 +0000 https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050022.html https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050022.html 日本音乐 日本音乐 谷村新司-星 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>谷村新司-星</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/日本音乐/谷村新司-星.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>日本音乐</label> <small>谷村新司-星</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sat, 13 Feb 2021 16:00:00 +0000 https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050021.html https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050021.html 日本音乐 日本音乐 谷村新司-忘れないで <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>谷村新司-忘れないで</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/日本音乐/谷村新司-忘れないで.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>日本音乐</label> <small>谷村新司-忘れないで</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sat, 13 Feb 2021 16:00:00 +0000 https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050020.html https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050020.html 日本音乐 日本音乐 谷村新司-睡莲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>谷村新司-睡莲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/日本音乐/谷村新司-睡莲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>日本音乐</label> <small>谷村新司-睡莲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sat, 13 Feb 2021 16:00:00 +0000 https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050019.html https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050019.html 日本音乐 日本音乐 谷村新司-君の歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>谷村新司-君の歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/日本音乐/谷村新司-君の歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>日本音乐</label> <small>谷村新司-君の歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sat, 13 Feb 2021 16:00:00 +0000 https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050018.html https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050018.html 日本音乐 日本音乐 谷村新司-风姿花传 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>谷村新司-风姿花传</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/日本音乐/谷村新司-风姿花传.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>日本音乐</label> <small>谷村新司-风姿花传</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sat, 13 Feb 2021 16:00:00 +0000 https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050017.html https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050017.html 日本音乐 日本音乐 谷村新司-昂一すばゐ <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>谷村新司-昂一すばゐ</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/日本音乐/谷村新司-昂一すばゐ.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>日本音乐</label> <small>谷村新司-昂一すばゐ</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sat, 13 Feb 2021 16:00:00 +0000 https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050016.html https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050016.html 日本音乐 日本音乐 谷村新司-カノン <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>谷村新司-カノン</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/日本音乐/谷村新司-カノン.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>日本音乐</label> <small>谷村新司-カノン</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sat, 13 Feb 2021 16:00:00 +0000 https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050015.html https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050015.html 日本音乐 日本音乐 谷村新司-いい日旅立ち <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>谷村新司-いい日旅立ち</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/日本音乐/谷村新司-いい日旅立ち.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>日本音乐</label> <small>谷村新司-いい日旅立ち</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sat, 13 Feb 2021 16:00:00 +0000 https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050014.html https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050014.html 日本音乐 日本音乐 大冢爱-桃ノ花ビラ <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>大冢爱-桃ノ花ビラ</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/日本音乐/大冢爱-桃ノ花ビラ.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>日本音乐</label> <small>大冢爱-桃ノ花ビラ</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sat, 13 Feb 2021 16:00:00 +0000 https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050013.html https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050013.html 日本音乐 日本音乐 大冢爱-プラネタリウム <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>大冢爱-プラネタリウム</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/日本音乐/大冢爱-プラネタリウム.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>日本音乐</label> <small>大冢爱-プラネタリウム</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sat, 13 Feb 2021 16:00:00 +0000 https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050012.html https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050012.html 日本音乐 日本音乐 川嶋あい-大丈夫だよ <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>川嶋あい-大丈夫だよ</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/日本音乐/川嶋あい-大丈夫だよ.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>日本音乐</label> <small>川嶋あい-大丈夫だよ</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sat, 13 Feb 2021 16:00:00 +0000 https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050011.html https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050011.html 日本音乐 日本音乐 初音未来-甩葱歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>初音未来-甩葱歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/日本音乐/初音未来-甩葱歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>日本音乐</label> <small>初音未来-甩葱歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sat, 13 Feb 2021 16:00:00 +0000 https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050010.html https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050010.html 日本音乐 日本音乐 滨崎步-To_Be <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>滨崎步-To_Be</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/日本音乐/滨崎步-To_Be.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>日本音乐</label> <small>滨崎步-To_Be</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sat, 13 Feb 2021 16:00:00 +0000 https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050009.html https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050009.html 日本音乐 日本音乐 滨崎步-M <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>滨崎步-M</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/日本音乐/滨崎步-M.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>日本音乐</label> <small>滨崎步-M</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sat, 13 Feb 2021 16:00:00 +0000 https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050008.html https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050008.html 日本音乐 日本音乐 滨崎步-fly_high <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>滨崎步-fly_high</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/日本音乐/滨崎步-fly_high.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>日本音乐</label> <small>滨崎步-fly_high</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sat, 13 Feb 2021 16:00:00 +0000 https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050007.html https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050007.html 日本音乐 日本音乐 滨崎步-depend_on_you <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>滨崎步-depend_on_you</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/日本音乐/滨崎步-depend_on_you.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>日本音乐</label> <small>滨崎步-depend_on_you</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sat, 13 Feb 2021 16:00:00 +0000 https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050006.html https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050006.html 日本音乐 日本音乐 滨崎步-Blue_Bird <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>滨崎步-Blue_Bird</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/日本音乐/滨崎步-Blue_Bird.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>日本音乐</label> <small>滨崎步-Blue_Bird</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sat, 13 Feb 2021 16:00:00 +0000 https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050005.html https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050005.html 日本音乐 日本音乐 滨崎步-A_Song_For_Xx <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>滨崎步-A_Song_For_Xx</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/日本音乐/滨崎步-A_Song_For_Xx.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>日本音乐</label> <small>滨崎步-A_Song_For_Xx</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sat, 13 Feb 2021 16:00:00 +0000 https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050004.html https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050004.html 日本音乐 日本音乐 rania-DrFeelGood <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>rania-DrFeelGood</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/日本音乐/rania-DrFeelGood.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>日本音乐</label> <small>rania-DrFeelGood</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sat, 13 Feb 2021 16:00:00 +0000 https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050003.html https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050003.html 日本音乐 日本音乐 juju-この夜を止めてよ <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>juju-この夜を止めてよ</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/日本音乐/juju-この夜を止めてよ.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>日本音乐</label> <small>juju-この夜を止めてよ</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sat, 13 Feb 2021 16:00:00 +0000 https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050002.html https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050002.html 日本音乐 日本音乐 azu-angel <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>azu-angel</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/日本音乐/azu-angel.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>日本音乐</label> <small>azu-angel</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Sat, 13 Feb 2021 16:00:00 +0000 https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050001.html https://agusmakmun.github.io/%E6%97%A5%E6%9C%AC%E9%9F%B3%E4%B9%90/2021/02/13/1050001.html 日本音乐 日本音乐 泰国歌曲-慢嗨舞曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>泰国歌曲-慢嗨舞曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/泰国音乐/泰国歌曲-慢嗨舞曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>泰国音乐</label> <small>泰国歌曲-慢嗨舞曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2020 16:00:00 +0000 https://agusmakmun.github.io/%E6%B3%B0%E5%9B%BD%E9%9F%B3%E4%B9%90/2020/02/13/1060013.html https://agusmakmun.github.io/%E6%B3%B0%E5%9B%BD%E9%9F%B3%E4%B9%90/2020/02/13/1060013.html 泰国音乐 泰国音乐 Zaza-KuamPidTidTua <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Zaza-KuamPidTidTua</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/泰国音乐/Zaza-KuamPidTidTua.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>泰国音乐</label> <small>Zaza-KuamPidTidTua</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2020 16:00:00 +0000 https://agusmakmun.github.io/%E6%B3%B0%E5%9B%BD%E9%9F%B3%E4%B9%90/2020/02/13/1060012.html https://agusmakmun.github.io/%E6%B3%B0%E5%9B%BD%E9%9F%B3%E4%B9%90/2020/02/13/1060012.html 泰国音乐 泰国音乐 Sara-总好过难过 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Sara-总好过难过</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/泰国音乐/Sara-总好过难过.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>泰国音乐</label> <small>Sara-总好过难过</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2020 16:00:00 +0000 https://agusmakmun.github.io/%E6%B3%B0%E5%9B%BD%E9%9F%B3%E4%B9%90/2020/02/13/1060011.html https://agusmakmun.github.io/%E6%B3%B0%E5%9B%BD%E9%9F%B3%E4%B9%90/2020/02/13/1060011.html 泰国音乐 泰国音乐 sara-想说什么吗 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>sara-想说什么吗</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/泰国音乐/sara-想说什么吗.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>泰国音乐</label> <small>sara-想说什么吗</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2020 16:00:00 +0000 https://agusmakmun.github.io/%E6%B3%B0%E5%9B%BD%E9%9F%B3%E4%B9%90/2020/02/13/1060010.html https://agusmakmun.github.io/%E6%B3%B0%E5%9B%BD%E9%9F%B3%E4%B9%90/2020/02/13/1060010.html 泰国音乐 泰国音乐 sara-是否要忘记 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>sara-是否要忘记</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/泰国音乐/sara-是否要忘记.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>泰国音乐</label> <small>sara-是否要忘记</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2020 16:00:00 +0000 https://agusmakmun.github.io/%E6%B3%B0%E5%9B%BD%E9%9F%B3%E4%B9%90/2020/02/13/1060009.html https://agusmakmun.github.io/%E6%B3%B0%E5%9B%BD%E9%9F%B3%E4%B9%90/2020/02/13/1060009.html 泰国音乐 泰国音乐 Sara-没关系 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Sara-没关系</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/泰国音乐/Sara-没关系.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>泰国音乐</label> <small>Sara-没关系</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2020 16:00:00 +0000 https://agusmakmun.github.io/%E6%B3%B0%E5%9B%BD%E9%9F%B3%E4%B9%90/2020/02/13/1060008.html https://agusmakmun.github.io/%E6%B3%B0%E5%9B%BD%E9%9F%B3%E4%B9%90/2020/02/13/1060008.html 泰国音乐 泰国音乐 sara-即使知道要见面 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>sara-即使知道要见面</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/泰国音乐/sara-即使知道要见面.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>泰国音乐</label> <small>sara-即使知道要见面</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2020 16:00:00 +0000 https://agusmakmun.github.io/%E6%B3%B0%E5%9B%BD%E9%9F%B3%E4%B9%90/2020/02/13/1060007.html https://agusmakmun.github.io/%E6%B3%B0%E5%9B%BD%E9%9F%B3%E4%B9%90/2020/02/13/1060007.html 泰国音乐 泰国音乐 lydia-为什么不接电话 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>lydia-为什么不接电话</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/泰国音乐/lydia-为什么不接电话.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>泰国音乐</label> <small>lydia-为什么不接电话</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2020 16:00:00 +0000 https://agusmakmun.github.io/%E6%B3%B0%E5%9B%BD%E9%9F%B3%E4%B9%90/2020/02/13/1060006.html https://agusmakmun.github.io/%E6%B3%B0%E5%9B%BD%E9%9F%B3%E4%B9%90/2020/02/13/1060006.html 泰国音乐 泰国音乐 Lydia-如果我说爱你行吗 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Lydia-如果我说爱你行吗</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/泰国音乐/Lydia-如果我说爱你行吗.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>泰国音乐</label> <small>Lydia-如果我说爱你行吗</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2020 16:00:00 +0000 https://agusmakmun.github.io/%E6%B3%B0%E5%9B%BD%E9%9F%B3%E4%B9%90/2020/02/13/1060005.html https://agusmakmun.github.io/%E6%B3%B0%E5%9B%BD%E9%9F%B3%E4%B9%90/2020/02/13/1060005.html 泰国音乐 泰国音乐 Lydia-前女友的规则 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Lydia-前女友的规则</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/泰国音乐/Lydia-前女友的规则.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>泰国音乐</label> <small>Lydia-前女友的规则</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2020 16:00:00 +0000 https://agusmakmun.github.io/%E6%B3%B0%E5%9B%BD%E9%9F%B3%E4%B9%90/2020/02/13/1060004.html https://agusmakmun.github.io/%E6%B3%B0%E5%9B%BD%E9%9F%B3%E4%B9%90/2020/02/13/1060004.html 泰国音乐 泰国音乐 Lydia-YOU <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Lydia-YOU</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/泰国音乐/Lydia-YOU.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>泰国音乐</label> <small>Lydia-YOU</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2020 16:00:00 +0000 https://agusmakmun.github.io/%E6%B3%B0%E5%9B%BD%E9%9F%B3%E4%B9%90/2020/02/13/1060003.html https://agusmakmun.github.io/%E6%B3%B0%E5%9B%BD%E9%9F%B3%E4%B9%90/2020/02/13/1060003.html 泰国音乐 泰国音乐 Lydia-DontLeaveMeHere <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>Lydia-DontLeaveMeHere</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/泰国音乐/Lydia-DontLeaveMeHere.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>泰国音乐</label> <small>Lydia-DontLeaveMeHere</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2020 16:00:00 +0000 https://agusmakmun.github.io/%E6%B3%B0%E5%9B%BD%E9%9F%B3%E4%B9%90/2020/02/13/1060002.html https://agusmakmun.github.io/%E6%B3%B0%E5%9B%BD%E9%9F%B3%E4%B9%90/2020/02/13/1060002.html 泰国音乐 泰国音乐 focus-等待着你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>focus-等待着你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/泰国音乐/focus-等待着你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>泰国音乐</label> <small>focus-等待着你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Thu, 13 Feb 2020 16:00:00 +0000 https://agusmakmun.github.io/%E6%B3%B0%E5%9B%BD%E9%9F%B3%E4%B9%90/2020/02/13/1060001.html https://agusmakmun.github.io/%E6%B3%B0%E5%9B%BD%E9%9F%B3%E4%B9%90/2020/02/13/1060001.html 泰国音乐 泰国音乐 印度音乐-用爱对我 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-用爱对我</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-用爱对我.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-用爱对我</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070039.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070039.html 印度歌曲 印度歌曲 印度音乐-印度之花 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-印度之花</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-印度之花.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-印度之花</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070038.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070038.html 印度歌曲 印度歌曲 印度音乐-印度音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-印度音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-印度音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-印度音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070037.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070037.html 印度歌曲 印度歌曲 印度音乐-印度魔咒_dj舞曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-印度魔咒_dj舞曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-印度魔咒_dj舞曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-印度魔咒_dj舞曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070036.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070036.html 印度歌曲 印度歌曲 印度音乐-音乐心情_一首超好听的印度歌曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-音乐心情_一首超好听的印度歌曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-音乐心情_一首超好听的印度歌曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-音乐心情_一首超好听的印度歌曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070035.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070035.html 印度歌曲 印度歌曲 印度音乐-一首超爽的印度舞曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-一首超爽的印度舞曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-一首超爽的印度舞曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-一首超爽的印度舞曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070034.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070034.html 印度歌曲 印度歌曲 印度音乐-想要对你说爱你的人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-想要对你说爱你的人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-想要对你说爱你的人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-想要对你说爱你的人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070033.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070033.html 印度歌曲 印度歌曲 印度音乐-妩媚撩人_巨好听的印度慢摇舞曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-妩媚撩人_巨好听的印度慢摇舞曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-妩媚撩人_巨好听的印度慢摇舞曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-妩媚撩人_巨好听的印度慢摇舞曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070032.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070032.html 印度歌曲 印度歌曲 印度音乐-我终生爱你至死不渝 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-我终生爱你至死不渝</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-我终生爱你至死不渝.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-我终生爱你至死不渝</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070031.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070031.html 印度歌曲 印度歌曲 印度音乐-天竺少女 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-天竺少女</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-天竺少女.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-天竺少女</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070030.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070030.html 印度歌曲 印度歌曲 印度音乐-天使之吻_亲嘴歌_女声版 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-天使之吻_亲嘴歌_女声版</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-天使之吻_亲嘴歌_女声版.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-天使之吻_亲嘴歌_女声版</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070029.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070029.html 印度歌曲 印度歌曲 印度音乐-天使之吻 亲嘴歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-天使之吻 亲嘴歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-天使之吻 亲嘴歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-天使之吻 亲嘴歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070028.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070028.html 印度歌曲 印度歌曲 印度音乐-神秘国度_印度民族音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-神秘国度_印度民族音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-神秘国度_印度民族音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-神秘国度_印度民族音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070027.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070027.html 印度歌曲 印度歌曲 印度音乐-热辣媚娘_恰恰 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-热辣媚娘_恰恰</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-热辣媚娘_恰恰.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-热辣媚娘_恰恰</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070026.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070026.html 印度歌曲 印度歌曲 印度音乐-情字路上 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-情字路上</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-情字路上.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-情字路上</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070025.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070025.html 印度歌曲 印度歌曲 印度音乐-奴里 清楚版 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-奴里 清楚版</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-奴里 清楚版.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-奴里 清楚版</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070024.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070024.html 印度歌曲 印度歌曲 印度音乐-秘密桑巴 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-秘密桑巴</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-秘密桑巴.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-秘密桑巴</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070023.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070023.html 印度歌曲 印度歌曲 印度音乐-迷幻音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-迷幻音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-迷幻音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-迷幻音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070022.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070022.html 印度歌曲 印度歌曲 印度音乐-慢摇英文跳舞曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-慢摇英文跳舞曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-慢摇英文跳舞曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-慢摇英文跳舞曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070021.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070021.html 印度歌曲 印度歌曲 印度音乐-慢摇精华舞曲_酒吧dj音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-慢摇精华舞曲_酒吧dj音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-慢摇精华舞曲_酒吧dj音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-慢摇精华舞曲_酒吧dj音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070020.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070020.html 印度歌曲 印度歌曲 印度音乐-慢摇_非常舒服的节奏 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-慢摇_非常舒服的节奏</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-慢摇_非常舒服的节奏.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-慢摇_非常舒服的节奏</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070019.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070019.html 印度歌曲 印度歌曲 印度音乐-麻吉_印度神游 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-麻吉_印度神游</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-麻吉_印度神游.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-麻吉_印度神游</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070018.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070018.html 印度歌曲 印度歌曲 印度音乐-雷鬼 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-雷鬼</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-雷鬼.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-雷鬼</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070017.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070017.html 印度歌曲 印度歌曲 印度音乐-绝对动听的印度歌曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-绝对动听的印度歌曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-绝对动听的印度歌曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-绝对动听的印度歌曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070016.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070016.html 印度歌曲 印度歌曲 印度音乐-吉特巴舞曲踩着我的节拍跳起来吧 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-吉特巴舞曲踩着我的节拍跳起来吧</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-吉特巴舞曲踩着我的节拍跳起来吧.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-吉特巴舞曲踩着我的节拍跳起来吧</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070015.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070015.html 印度歌曲 印度歌曲 印度音乐-吉米来吧 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-吉米来吧</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-吉米来吧.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-吉米来吧</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070014.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070014.html 印度歌曲 印度歌曲 印度音乐-风情舞动 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-风情舞动</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-风情舞动.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-风情舞动</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070013.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070013.html 印度歌曲 印度歌曲 印度音乐-肚皮舞 卡西卡少女之春 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-肚皮舞 卡西卡少女之春</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-肚皮舞 卡西卡少女之春.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-肚皮舞 卡西卡少女之春</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070012.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070012.html 印度歌曲 印度歌曲 印度音乐-的士高劲歌舞曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-的士高劲歌舞曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-的士高劲歌舞曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-的士高劲歌舞曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070011.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070011.html 印度歌曲 印度歌曲 印度音乐-大悲咒 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-大悲咒</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-大悲咒.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-大悲咒</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070010.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070010.html 印度歌曲 印度歌曲 印度音乐-纯净如天簌的 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-纯净如天簌的</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-纯净如天簌的.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-纯净如天簌的</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070009.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070009.html 印度歌曲 印度歌曲 印度音乐-不要不要 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-不要不要</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-不要不要.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-不要不要</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070008.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070008.html 印度歌曲 印度歌曲 印度音乐-芭杜尔快来吧 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-芭杜尔快来吧</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-芭杜尔快来吧.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-芭杜尔快来吧</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070007.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070007.html 印度歌曲 印度歌曲 印度音乐-阿育王 忧伤的笛子 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-阿育王 忧伤的笛子</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-阿育王 忧伤的笛子.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-阿育王 忧伤的笛子</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070006.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070006.html 印度歌曲 印度歌曲 印度音乐-WadaNaTod <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度音乐-WadaNaTod</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度音乐-WadaNaTod.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度音乐-WadaNaTod</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070005.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070005.html 印度歌曲 印度歌曲 印度歌曲-KaruneshPunjab <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>印度歌曲-KaruneshPunjab</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/印度歌曲-KaruneshPunjab.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>印度歌曲-KaruneshPunjab</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070004.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070004.html 印度歌曲 印度歌曲 阿育王主题曲-RoshiniSe <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>阿育王主题曲-RoshiniSe</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/阿育王主题曲-RoshiniSe.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>阿育王主题曲-RoshiniSe</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070003.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070003.html 印度歌曲 印度歌曲 阿育王插曲-AsokaTheme <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>阿育王插曲-AsokaTheme</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/阿育王插曲-AsokaTheme.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>阿育王插曲-AsokaTheme</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070002.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070002.html 印度歌曲 印度歌曲 MeghnaMishra-NachdiPhira <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>MeghnaMishra-NachdiPhira</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/印度歌曲/MeghnaMishra-NachdiPhira.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>印度歌曲</label> <small>MeghnaMishra-NachdiPhira</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Wed, 13 Feb 2019 16:00:00 +0000 https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070001.html https://agusmakmun.github.io/%E5%8D%B0%E5%BA%A6%E6%AD%8C%E6%9B%B2/2019/02/13/1070001.html 印度歌曲 印度歌曲 116.纯音乐 - 橄榄树 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>116.纯音乐 - 橄榄树</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/116.纯音乐 - 橄榄树.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>116.纯音乐 - 橄榄树</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080359.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080359.html 唯美纯音乐 唯美纯音乐 115.那天的遇见 (钢琴曲) - 赵海洋 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>115.那天的遇见 (钢琴曲) - 赵海洋</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/115.那天的遇见 (钢琴曲) - 赵海洋.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>115.那天的遇见 (钢琴曲) - 赵海洋</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080358.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080358.html 唯美纯音乐 唯美纯音乐 114.新不了情主题曲 - 纯音乐（萨克斯） <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>114.新不了情主题曲 - 纯音乐（萨克斯）</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/114.新不了情主题曲 - 纯音乐（萨克斯）.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>114.新不了情主题曲 - 纯音乐（萨克斯）</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080357.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080357.html 唯美纯音乐 唯美纯音乐 113.火星金星 (Mars And Venus) - 班得瑞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>113.火星金星 (Mars And Venus) - 班得瑞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/113.火星金星 (Mars And Venus) - 班得瑞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>113.火星金星 (Mars And Venus) - 班得瑞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080356.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080356.html 唯美纯音乐 唯美纯音乐 112.林海 - 暗香 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>112.林海 - 暗香</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/112.林海 - 暗香.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>112.林海 - 暗香</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080355.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080355.html 唯美纯音乐 唯美纯音乐 111.杨柳 - 林海 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>111.杨柳 - 林海</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/111.杨柳 - 林海.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>111.杨柳 - 林海</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080354.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080354.html 唯美纯音乐 唯美纯音乐 110.流动的城市 - 林海 （钢琴曲） <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>110.流动的城市 - 林海 （钢琴曲）</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/110.流动的城市 - 林海 （钢琴曲）.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>110.流动的城市 - 林海 （钢琴曲）</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080353.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080353.html 唯美纯音乐 唯美纯音乐 109.踏古 - 林海 （琵琶） <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>109.踏古 - 林海 （琵琶）</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/109.踏古 - 林海 （琵琶）.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>109.踏古 - 林海 （琵琶）</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080352.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080352.html 唯美纯音乐 唯美纯音乐 108.流行的云 - 吉他纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>108.流行的云 - 吉他纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/108.流行的云 - 吉他纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>108.流行的云 - 吉他纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080351.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080351.html 唯美纯音乐 唯美纯音乐 107.月光下漫舞 - 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>107.月光下漫舞 - 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/107.月光下漫舞 - 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>107.月光下漫舞 - 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080350.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080350.html 唯美纯音乐 唯美纯音乐 106.中央台天气预报背景音乐 - 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>106.中央台天气预报背景音乐 - 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/106.中央台天气预报背景音乐 - 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>106.中央台天气预报背景音乐 - 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080349.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080349.html 唯美纯音乐 唯美纯音乐 105.后来 (小提琴 长笛) - 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>105.后来 (小提琴 长笛) - 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/105.后来 (小提琴 长笛) - 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>105.后来 (小提琴 长笛) - 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080348.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080348.html 唯美纯音乐 唯美纯音乐 104.风居住的街道 - 矶村由纪子 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>104.风居住的街道 - 矶村由纪子</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/104.风居住的街道 - 矶村由纪子.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>104.风居住的街道 - 矶村由纪子</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080347.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080347.html 唯美纯音乐 唯美纯音乐 103.在那遥远的地方 - 吉他曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>103.在那遥远的地方 - 吉他曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/103.在那遥远的地方 - 吉他曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>103.在那遥远的地方 - 吉他曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080346.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080346.html 唯美纯音乐 唯美纯音乐 102.伤感音乐 - 太多 (小提琴) - 轻音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>102.伤感音乐 - 太多 (小提琴) - 轻音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/102.伤感音乐 - 太多 (小提琴) - 轻音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>102.伤感音乐 - 太多 (小提琴) - 轻音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080345.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080345.html 唯美纯音乐 唯美纯音乐 101.Heartstrings 心弦 - 神秘园 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>101.Heartstrings 心弦 - 神秘园</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/101.Heartstrings 心弦 - 神秘园.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>101.Heartstrings 心弦 - 神秘园</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080344.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080344.html 唯美纯音乐 唯美纯音乐 100.奥里诺科之梦 - 班得瑞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>100.奥里诺科之梦 - 班得瑞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/100.奥里诺科之梦 - 班得瑞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>100.奥里诺科之梦 - 班得瑞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080343.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080343.html 唯美纯音乐 唯美纯音乐 0全部文件.txt <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>0全部文件.txt</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/0全部文件.txt.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>0全部文件.txt</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080342.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080342.html 唯美纯音乐 唯美纯音乐 0批量生成文件目录树列表.bat <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>0批量生成文件目录树列表.bat</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/0批量生成文件目录树列表.bat.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>0批量生成文件目录树列表.bat</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080341.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080341.html 唯美纯音乐 唯美纯音乐 099.魂断蓝桥主题曲 - 萨克斯 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>099.魂断蓝桥主题曲 - 萨克斯</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/099.魂断蓝桥主题曲 - 萨克斯.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>099.魂断蓝桥主题曲 - 萨克斯</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080340.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080340.html 唯美纯音乐 唯美纯音乐 098.一直很安静 伴奏 - 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>098.一直很安静 伴奏 - 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/098.一直很安静 伴奏 - 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>098.一直很安静 伴奏 - 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080339.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080339.html 唯美纯音乐 唯美纯音乐 097.Lotus 莲花 - 神秘园 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>097.Lotus 莲花 - 神秘园</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/097.Lotus 莲花 - 神秘园.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>097.Lotus 莲花 - 神秘园</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080338.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080338.html 唯美纯音乐 唯美纯音乐 096.莫斯科郊外的晚上 - 萨克斯 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>096.莫斯科郊外的晚上 - 萨克斯</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/096.莫斯科郊外的晚上 - 萨克斯.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>096.莫斯科郊外的晚上 - 萨克斯</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080337.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080337.html 唯美纯音乐 唯美纯音乐 095.治愈心灵的神曲 - 轻音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>095.治愈心灵的神曲 - 轻音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/095.治愈心灵的神曲 - 轻音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>095.治愈心灵的神曲 - 轻音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080336.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080336.html 唯美纯音乐 唯美纯音乐 094.山不转水转 (萨克斯 )- 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>094.山不转水转 (萨克斯 )- 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/094.山不转水转 (萨克斯 )- 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>094.山不转水转 (萨克斯 )- 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080335.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080335.html 唯美纯音乐 唯美纯音乐 093.星语心愿 - 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>093.星语心愿 - 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/093.星语心愿 - 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>093.星语心愿 - 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080334.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080334.html 唯美纯音乐 唯美纯音乐 092.镜中的安娜 - 纯音乐（吉他) <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>092.镜中的安娜 - 纯音乐（吉他)</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/092.镜中的安娜 - 纯音乐（吉他).mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>092.镜中的安娜 - 纯音乐（吉他)</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080333.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080333.html 唯美纯音乐 唯美纯音乐 091.蒙娜丽莎的眼泪 - 钢琴曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>091.蒙娜丽莎的眼泪 - 钢琴曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/091.蒙娜丽莎的眼泪 - 钢琴曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>091.蒙娜丽莎的眼泪 - 钢琴曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080332.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080332.html 唯美纯音乐 唯美纯音乐 090.倩女幽魂 - 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>090.倩女幽魂 - 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/090.倩女幽魂 - 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>090.倩女幽魂 - 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080331.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080331.html 唯美纯音乐 唯美纯音乐 089.Sometimes When It Rains (下雨的时候) - 神秘园 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>089.Sometimes When It Rains (下雨的时候) - 神秘园</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/089.Sometimes When It Rains (下雨的时候) - 神秘园.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>089.Sometimes When It Rains (下雨的时候) - 神秘园</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080330.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080330.html 唯美纯音乐 唯美纯音乐 088.童年的味道 (轻快的纯音乐) - 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>088.童年的味道 (轻快的纯音乐) - 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/088.童年的味道 (轻快的纯音乐) - 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>088.童年的味道 (轻快的纯音乐) - 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080329.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080329.html 唯美纯音乐 唯美纯音乐 087.微风小径 (The Winding Path) - Kevin Kern <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>087.微风小径 (The Winding Path) - Kevin Kern</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/087.微风小径 (The Winding Path) - Kevin Kern.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>087.微风小径 (The Winding Path) - Kevin Kern</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080328.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080328.html 唯美纯音乐 唯美纯音乐 086.你鼓舞了我 You Raise Me Up - 神秘园 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>086.你鼓舞了我 You Raise Me Up - 神秘园</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/086.你鼓舞了我 You Raise Me Up - 神秘园.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>086.你鼓舞了我 You Raise Me Up - 神秘园</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080327.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080327.html 唯美纯音乐 唯美纯音乐 085.蝶舞娉婷 Papillon - 神秘园 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>085.蝶舞娉婷 Papillon - 神秘园</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/085.蝶舞娉婷 Papillon - 神秘园.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>085.蝶舞娉婷 Papillon - 神秘园</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080326.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080326.html 唯美纯音乐 唯美纯音乐 084.风动草( 陶笛) - 伴奏版 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>084.风动草( 陶笛) - 伴奏版</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/084.风动草( 陶笛) - 伴奏版.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>084.风动草( 陶笛) - 伴奏版</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080325.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080325.html 唯美纯音乐 唯美纯音乐 083.阿根廷别为我哭泣 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>083.阿根廷别为我哭泣</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/083.阿根廷别为我哭泣.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>083.阿根廷别为我哭泣</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080324.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080324.html 唯美纯音乐 唯美纯音乐 082.天使情人 - 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>082.天使情人 - 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/082.天使情人 - 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>082.天使情人 - 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080323.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080323.html 唯美纯音乐 唯美纯音乐 081.海王星 (Neptune) - 班得瑞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>081.海王星 (Neptune) - 班得瑞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/081.海王星 (Neptune) - 班得瑞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>081.海王星 (Neptune) - 班得瑞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080322.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080322.html 唯美纯音乐 唯美纯音乐 080.莎莉花园 (绿野仙踪) - 班得瑞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>080.莎莉花园 (绿野仙踪) - 班得瑞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/080.莎莉花园 (绿野仙踪) - 班得瑞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>080.莎莉花园 (绿野仙踪) - 班得瑞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080321.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080321.html 唯美纯音乐 唯美纯音乐 079.枉凝眉箫曲 - 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>079.枉凝眉箫曲 - 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/079.枉凝眉箫曲 - 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>079.枉凝眉箫曲 - 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080320.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080320.html 唯美纯音乐 唯美纯音乐 078.梦于月光中 (Dreaming In The Moonlight) - 班得瑞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>078.梦于月光中 (Dreaming In The Moonlight) - 班得瑞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/078.梦于月光中 (Dreaming In The Moonlight) - 班得瑞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>078.梦于月光中 (Dreaming In The Moonlight) - 班得瑞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080319.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080319.html 唯美纯音乐 唯美纯音乐 077.中国古典音乐 - 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>077.中国古典音乐 - 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/077.中国古典音乐 - 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>077.中国古典音乐 - 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080318.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080318.html 唯美纯音乐 唯美纯音乐 076.优美动听古典音乐 - 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>076.优美动听古典音乐 - 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/076.优美动听古典音乐 - 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>076.优美动听古典音乐 - 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080317.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080317.html 唯美纯音乐 唯美纯音乐 075.爱殇 - 钢琴曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>075.爱殇 - 钢琴曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/075.爱殇 - 钢琴曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>075.爱殇 - 钢琴曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080316.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080316.html 唯美纯音乐 唯美纯音乐 074.月光曲 - 贝多芬 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>074.月光曲 - 贝多芬</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/074.月光曲 - 贝多芬.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>074.月光曲 - 贝多芬</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080315.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080315.html 唯美纯音乐 唯美纯音乐 073.出水莲 (古筝独奏) - 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>073.出水莲 (古筝独奏) - 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/073.出水莲 (古筝独奏) - 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>073.出水莲 (古筝独奏) - 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080314.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080314.html 唯美纯音乐 唯美纯音乐 072.风舞者 Windancer - 神秘园 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>072.风舞者 Windancer - 神秘园</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/072.风舞者 Windancer - 神秘园.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>072.风舞者 Windancer - 神秘园</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080313.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080313.html 唯美纯音乐 唯美纯音乐 071.孤独的巡礼 ，真实的自己-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>071.孤独的巡礼 ，真实的自己-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/071.孤独的巡礼 ，真实的自己-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>071.孤独的巡礼 ，真实的自己-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080312.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080312.html 唯美纯音乐 唯美纯音乐 070.月光仙子 (Princess Of The Moon) - 班得瑞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>070.月光仙子 (Princess Of The Moon) - 班得瑞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/070.月光仙子 (Princess Of The Moon) - 班得瑞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>070.月光仙子 (Princess Of The Moon) - 班得瑞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080311.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080311.html 唯美纯音乐 唯美纯音乐 069.一帘幽梦(古筝) - 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>069.一帘幽梦(古筝) - 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/069.一帘幽梦(古筝) - 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>069.一帘幽梦(古筝) - 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080310.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080310.html 唯美纯音乐 唯美纯音乐 068.Wish (神思者的哀伤和唯美) - 神思者 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>068.Wish (神思者的哀伤和唯美) - 神思者</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/068.Wish (神思者的哀伤和唯美) - 神思者.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>068.Wish (神思者的哀伤和唯美) - 神思者</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080309.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080309.html 唯美纯音乐 唯美纯音乐 067.永远同在 - 八音盒 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>067.永远同在 - 八音盒</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/067.永远同在 - 八音盒.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>067.永远同在 - 八音盒</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080308.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080308.html 唯美纯音乐 唯美纯音乐 066.静静的雪 (Snow) - 班得瑞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>066.静静的雪 (Snow) - 班得瑞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/066.静静的雪 (Snow) - 班得瑞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>066.静静的雪 (Snow) - 班得瑞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080307.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080307.html 唯美纯音乐 唯美纯音乐 065.蝶恋花 - 二胡版 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>065.蝶恋花 - 二胡版</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/065.蝶恋花 - 二胡版.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>065.蝶恋花 - 二胡版</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080306.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080306.html 唯美纯音乐 唯美纯音乐 064.望天 (来不及说我爱你插曲) - 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>064.望天 (来不及说我爱你插曲) - 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/064.望天 (来不及说我爱你插曲) - 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>064.望天 (来不及说我爱你插曲) - 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080305.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080305.html 唯美纯音乐 唯美纯音乐 063.一切为了你 (Everything I Do) - 班得瑞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>063.一切为了你 (Everything I Do) - 班得瑞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/063.一切为了你 (Everything I Do) - 班得瑞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>063.一切为了你 (Everything I Do) - 班得瑞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080304.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080304.html 唯美纯音乐 唯美纯音乐 062.偏偏喜欢你 (钢琴) - 赵海洋 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>062.偏偏喜欢你 (钢琴) - 赵海洋</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/062.偏偏喜欢你 (钢琴) - 赵海洋.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>062.偏偏喜欢你 (钢琴) - 赵海洋</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080303.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080303.html 唯美纯音乐 唯美纯音乐 061.舒伯特小夜曲 (世界名曲) - 舒伯特 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>061.舒伯特小夜曲 (世界名曲) - 舒伯特</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/061.舒伯特小夜曲 (世界名曲) - 舒伯特.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>061.舒伯特小夜曲 (世界名曲) - 舒伯特</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080302.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080302.html 唯美纯音乐 唯美纯音乐 060.三个人的时光 (天之痕) - 吴欣睿 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>060.三个人的时光 (天之痕) - 吴欣睿</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/060.三个人的时光 (天之痕) - 吴欣睿.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>060.三个人的时光 (天之痕) - 吴欣睿</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080301.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080301.html 唯美纯音乐 唯美纯音乐 059.寂色 (绝美的小提琴曲) - 神秘园 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>059.寂色 (绝美的小提琴曲) - 神秘园</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/059.寂色 (绝美的小提琴曲) - 神秘园.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>059.寂色 (绝美的小提琴曲) - 神秘园</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080300.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080300.html 唯美纯音乐 唯美纯音乐 058.Adagio 柔板 - 神秘园 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>058.Adagio 柔板 - 神秘园</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/058.Adagio 柔板 - 神秘园.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>058.Adagio 柔板 - 神秘园</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080299.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080299.html 唯美纯音乐 唯美纯音乐 057.无尽地平线 (Endless Horizon) - 班得瑞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>057.无尽地平线 (Endless Horizon) - 班得瑞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/057.无尽地平线 (Endless Horizon) - 班得瑞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>057.无尽地平线 (Endless Horizon) - 班得瑞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080298.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080298.html 唯美纯音乐 唯美纯音乐 056.美丽的神话 - 王崴 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>056.美丽的神话 - 王崴</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/056.美丽的神话 - 王崴.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>056.美丽的神话 - 王崴</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080297.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080297.html 唯美纯音乐 唯美纯音乐 055.忧伤的步美 - 名侦探柯南插曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>055.忧伤的步美 - 名侦探柯南插曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/055.忧伤的步美 - 名侦探柯南插曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>055.忧伤的步美 - 名侦探柯南插曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080296.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080296.html 唯美纯音乐 唯美纯音乐 054.Bandari - 安妮的歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>054.Bandari - 安妮的歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/054.Bandari - 安妮的歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>054.Bandari - 安妮的歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080295.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080295.html 唯美纯音乐 唯美纯音乐 053.胡伟立 - 市集 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>053.胡伟立 - 市集</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/053.胡伟立 - 市集.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>053.胡伟立 - 市集</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080294.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080294.html 唯美纯音乐 唯美纯音乐 052.神秘园之歌 - 钢琴 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>052.神秘园之歌 - 钢琴</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/052.神秘园之歌 - 钢琴.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>052.神秘园之歌 - 钢琴</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080293.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080293.html 唯美纯音乐 唯美纯音乐 051.迷情仙境 - 轻音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>051.迷情仙境 - 轻音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/051.迷情仙境 - 轻音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>051.迷情仙境 - 轻音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080292.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080292.html 唯美纯音乐 唯美纯音乐 050.绵雪 - 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>050.绵雪 - 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/050.绵雪 - 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>050.绵雪 - 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080291.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080291.html 唯美纯音乐 唯美纯音乐 049.茶茗-静心禅乐 (Flowing With The Tea) - Karunesh <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>049.茶茗-静心禅乐 (Flowing With The Tea) - Karunesh</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/049.茶茗-静心禅乐 (Flowing With The Tea) - Karunesh.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>049.茶茗-静心禅乐 (Flowing With The Tea) - Karunesh</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080290.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080290.html 唯美纯音乐 唯美纯音乐 048.Forrest Gump 电影《阿甘正传》插曲 — 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>048.Forrest Gump 电影《阿甘正传》插曲 — 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/048.Forrest Gump 电影《阿甘正传》插曲 — 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>048.Forrest Gump 电影《阿甘正传》插曲 — 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080289.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080289.html 唯美纯音乐 唯美纯音乐 047.美好清晨 - Daveed <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>047.美好清晨 - Daveed</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/047.美好清晨 - Daveed.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>047.美好清晨 - Daveed</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080288.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080288.html 唯美纯音乐 唯美纯音乐 046.宽阔的海水 (The Water Is Wide) - David Nevue <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>046.宽阔的海水 (The Water Is Wide) - David Nevue</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/046.宽阔的海水 (The Water Is Wide) - David Nevue.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>046.宽阔的海水 (The Water Is Wide) - David Nevue</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080287.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080287.html 唯美纯音乐 唯美纯音乐 045.耳边私语 (Almost a Whisper) - Chris Phillips <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>045.耳边私语 (Almost a Whisper) - Chris Phillips</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/045.耳边私语 (Almost a Whisper) - Chris Phillips.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>045.耳边私语 (Almost a Whisper) - Chris Phillips</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080286.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080286.html 唯美纯音乐 唯美纯音乐 044.古诗 (Greek Meditation) - 吉他排笛 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>044.古诗 (Greek Meditation) - 吉他排笛</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/044.古诗 (Greek Meditation) - 吉他排笛.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>044.古诗 (Greek Meditation) - 吉他排笛</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080285.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080285.html 唯美纯音乐 唯美纯音乐 043.A Simple Life (唯美小清新治愈系) - Brian Crain <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>043.A Simple Life (唯美小清新治愈系) - Brian Crain</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/043.A Simple Life (唯美小清新治愈系) - Brian Crain.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>043.A Simple Life (唯美小清新治愈系) - Brian Crain</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080284.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080284.html 唯美纯音乐 唯美纯音乐 042.康妮的蝴蝶 — 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>042.康妮的蝴蝶 — 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/042.康妮的蝴蝶 — 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>042.康妮的蝴蝶 — 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080283.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080283.html 唯美纯音乐 唯美纯音乐 041.我心永恒 — 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>041.我心永恒 — 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/041.我心永恒 — 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>041.我心永恒 — 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080282.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080282.html 唯美纯音乐 唯美纯音乐 040.蝴蝶华尔兹(助眠) — 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>040.蝴蝶华尔兹(助眠) — 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/040.蝴蝶华尔兹(助眠) — 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>040.蝴蝶华尔兹(助眠) — 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080281.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080281.html 唯美纯音乐 唯美纯音乐 039.罗密欧与朱丽叶-群星 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>039.罗密欧与朱丽叶-群星</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/039.罗密欧与朱丽叶-群星.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>039.罗密欧与朱丽叶-群星</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080280.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080280.html 唯美纯音乐 唯美纯音乐 038.你离开的真相 — 舒缓睡眠 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>038.你离开的真相 — 舒缓睡眠</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/038.你离开的真相 — 舒缓睡眠.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>038.你离开的真相 — 舒缓睡眠</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080279.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080279.html 唯美纯音乐 唯美纯音乐 037.佛教音乐 - 菩提树 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>037.佛教音乐 - 菩提树</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/037.佛教音乐 - 菩提树.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>037.佛教音乐 - 菩提树</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080278.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080278.html 唯美纯音乐 唯美纯音乐 036.广陵散之笑傲江湖曲 —琴箫合奏) <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>036.广陵散之笑傲江湖曲 —琴箫合奏)</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/036.广陵散之笑傲江湖曲 —琴箫合奏).mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>036.广陵散之笑傲江湖曲 —琴箫合奏)</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080277.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080277.html 唯美纯音乐 唯美纯音乐 035.一剪梅 - 中国民乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>035.一剪梅 - 中国民乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/035.一剪梅 - 中国民乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>035.一剪梅 - 中国民乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080276.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080276.html 唯美纯音乐 唯美纯音乐 034.传奇 (琴牵美人吟Ⅱ) - 段银莹 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>034.传奇 (琴牵美人吟Ⅱ) - 段银莹</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/034.传奇 (琴牵美人吟Ⅱ) - 段银莹.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>034.传奇 (琴牵美人吟Ⅱ) - 段银莹</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080275.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080275.html 唯美纯音乐 唯美纯音乐 033.森林幻想曲 - Bandari <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>033.森林幻想曲 - Bandari</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/033.森林幻想曲 - Bandari.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>033.森林幻想曲 - Bandari</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080274.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080274.html 唯美纯音乐 唯美纯音乐 032.夏日香气 - 电视剧原声 (很好听的钢琴曲) <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>032.夏日香气 - 电视剧原声 (很好听的钢琴曲)</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/032.夏日香气 - 电视剧原声 (很好听的钢琴曲).mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>032.夏日香气 - 电视剧原声 (很好听的钢琴曲)</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080273.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080273.html 唯美纯音乐 唯美纯音乐 031.人生最美初见时 - 钢琴曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>031.人生最美初见时 - 钢琴曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/031.人生最美初见时 - 钢琴曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>031.人生最美初见时 - 钢琴曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080272.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080272.html 唯美纯音乐 唯美纯音乐 030.西风（排箫）芈月传 - 王备 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>030.西风（排箫）芈月传 - 王备</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/030.西风（排箫）芈月传 - 王备.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>030.西风（排箫）芈月传 - 王备</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080271.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080271.html 唯美纯音乐 唯美纯音乐 029.风之彩 绝对经典 - 陶笛排萧乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>029.风之彩 绝对经典 - 陶笛排萧乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/029.风之彩 绝对经典 - 陶笛排萧乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>029.风之彩 绝对经典 - 陶笛排萧乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080270.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080270.html 唯美纯音乐 唯美纯音乐 028.星空—理查德·克莱德曼（钢琴） <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>028.星空—理查德·克莱德曼（钢琴）</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/028.星空—理查德·克莱德曼（钢琴）.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>028.星空—理查德·克莱德曼（钢琴）</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080269.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080269.html 唯美纯音乐 唯美纯音乐 027.梦中的婚礼 - 理查德 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>027.梦中的婚礼 - 理查德</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/027.梦中的婚礼 - 理查德.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>027.梦中的婚礼 - 理查德</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080268.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080268.html 唯美纯音乐 唯美纯音乐 026.青花瓷 - 钢琴曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>026.青花瓷 - 钢琴曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/026.青花瓷 - 钢琴曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>026.青花瓷 - 钢琴曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080267.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080267.html 唯美纯音乐 唯美纯音乐 025.梦里水乡 - 中国民乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>025.梦里水乡 - 中国民乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/025.梦里水乡 - 中国民乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>025.梦里水乡 - 中国民乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080266.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080266.html 唯美纯音乐 唯美纯音乐 024.好一朵美丽的茉莉花 - 钢琴曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>024.好一朵美丽的茉莉花 - 钢琴曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/024.好一朵美丽的茉莉花 - 钢琴曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>024.好一朵美丽的茉莉花 - 钢琴曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080265.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080265.html 唯美纯音乐 唯美纯音乐 023.日晷之梦(电台背景音乐) ——纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>023.日晷之梦(电台背景音乐) ——纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/023.日晷之梦(电台背景音乐) ——纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>023.日晷之梦(电台背景音乐) ——纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080264.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080264.html 唯美纯音乐 唯美纯音乐 022.The Beginning (开始) - Ryran·Tomson <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>022.The Beginning (开始) - Ryran·Tomson</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/022.The Beginning (开始) - Ryran·Tomson.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>022.The Beginning (开始) - Ryran·Tomson</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080263.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080263.html 唯美纯音乐 唯美纯音乐 021.岁月如歌 ——哼唱歌手 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>021.岁月如歌 ——哼唱歌手</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/021.岁月如歌 ——哼唱歌手.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>021.岁月如歌 ——哼唱歌手</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080262.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080262.html 唯美纯音乐 唯美纯音乐 020.净化心灵的声音 - Karunesh <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>020.净化心灵的声音 - Karunesh</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/020.净化心灵的声音 - Karunesh.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>020.净化心灵的声音 - Karunesh</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080261.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080261.html 唯美纯音乐 唯美纯音乐 019.安妮的仙境 - 轻音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>019.安妮的仙境 - 轻音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/019.安妮的仙境 - 轻音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>019.安妮的仙境 - 轻音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080260.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080260.html 唯美纯音乐 唯美纯音乐 018.走过绿意 - Kevin Kern <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>018.走过绿意 - Kevin Kern</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/018.走过绿意 - Kevin Kern.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>018.走过绿意 - Kevin Kern</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080259.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080259.html 唯美纯音乐 唯美纯音乐 017.寂静之声 - 班得瑞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>017.寂静之声 - 班得瑞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/017.寂静之声 - 班得瑞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>017.寂静之声 - 班得瑞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080258.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080258.html 唯美纯音乐 唯美纯音乐 016.纯音乐 - 雪花神剑（萧） <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>016.纯音乐 - 雪花神剑（萧）</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/016.纯音乐 - 雪花神剑（萧）.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>016.纯音乐 - 雪花神剑（萧）</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080257.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080257.html 唯美纯音乐 唯美纯音乐 015.纯音乐 - 高山流水 (古筝) <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>015.纯音乐 - 高山流水 (古筝)</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/015.纯音乐 - 高山流水 (古筝).mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>015.纯音乐 - 高山流水 (古筝)</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080256.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080256.html 唯美纯音乐 唯美纯音乐 014.纯音乐 - 此情永不移（钢琴） <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>014.纯音乐 - 此情永不移（钢琴）</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/014.纯音乐 - 此情永不移（钢琴）.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>014.纯音乐 - 此情永不移（钢琴）</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080255.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080255.html 唯美纯音乐 唯美纯音乐 013.纯音乐 - 昨日重现（钢琴） <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>013.纯音乐 - 昨日重现（钢琴）</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/013.纯音乐 - 昨日重现（钢琴）.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>013.纯音乐 - 昨日重现（钢琴）</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080254.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080254.html 唯美纯音乐 唯美纯音乐 012.和兰花在一起 — 雅尼 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>012.和兰花在一起 — 雅尼</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/012.和兰花在一起 — 雅尼.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>012.和兰花在一起 — 雅尼</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080253.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080253.html 唯美纯音乐 唯美纯音乐 011.无悔 -李汉颖 （加长版） <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>011.无悔 -李汉颖 （加长版）</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/011.无悔 -李汉颖 （加长版）.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>011.无悔 -李汉颖 （加长版）</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080252.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080252.html 唯美纯音乐 唯美纯音乐 010.夜曲(很伤感的纯音乐) - 神秘园 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>010.夜曲(很伤感的纯音乐) - 神秘园</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/010.夜曲(很伤感的纯音乐) - 神秘园.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>010.夜曲(很伤感的纯音乐) - 神秘园</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080251.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080251.html 唯美纯音乐 唯美纯音乐 009.琵琶语-纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>009.琵琶语-纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/009.琵琶语-纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>009.琵琶语-纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080250.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080250.html 唯美纯音乐 唯美纯音乐 008.太极 — 纯音乐 （古琴） <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>008.太极 — 纯音乐 （古琴）</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/008.太极 — 纯音乐 （古琴）.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>008.太极 — 纯音乐 （古琴）</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080249.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080249.html 唯美纯音乐 唯美纯音乐 007.易经—纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>007.易经—纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/007.易经—纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>007.易经—纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080248.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080248.html 唯美纯音乐 唯美纯音乐 006.童年-纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>006.童年-纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/006.童年-纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>006.童年-纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080247.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080247.html 唯美纯音乐 唯美纯音乐 005.心灵雨伞 — 轻音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>005.心灵雨伞 — 轻音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/005.心灵雨伞 — 轻音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>005.心灵雨伞 — 轻音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080246.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080246.html 唯美纯音乐 唯美纯音乐 004.天籁之音，荡涤心灵 - 唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>004.天籁之音，荡涤心灵 - 唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/004.天籁之音，荡涤心灵 - 唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>004.天籁之音，荡涤心灵 - 唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080245.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080245.html 唯美纯音乐 唯美纯音乐 003.静水禅音，返朴归真-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>003.静水禅音，返朴归真-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/003.静水禅音，返朴归真-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>003.静水禅音，返朴归真-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080244.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080244.html 唯美纯音乐 唯美纯音乐 002.故乡风景，醉美画卷 - 唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>002.故乡风景，醉美画卷 - 唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/002.故乡风景，醉美画卷 - 唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>002.故乡风景，醉美画卷 - 唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080243.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080243.html 唯美纯音乐 唯美纯音乐 001.半山听雨，放空自己（古琴）-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>001.半山听雨，放空自己（古琴）-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/001.半山听雨，放空自己（古琴）-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>001.半山听雨，放空自己（古琴）-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080242.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080242.html 唯美纯音乐 唯美纯音乐 356.失去你，我会迷失-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>356.失去你，我会迷失-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/356.失去你，我会迷失-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>356.失去你，我会迷失-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080241.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080241.html 唯美纯音乐 唯美纯音乐 355.清新自然，雪的梦幻 - 唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>355.清新自然，雪的梦幻 - 唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/355.清新自然，雪的梦幻 - 唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>355.清新自然，雪的梦幻 - 唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080240.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080240.html 唯美纯音乐 唯美纯音乐 354.英雄落寞，悲壮豪迈-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>354.英雄落寞，悲壮豪迈-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/354.英雄落寞，悲壮豪迈-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>354.英雄落寞，悲壮豪迈-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080239.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080239.html 唯美纯音乐 唯美纯音乐 353.灵魂的呼唤，雄鹰之歌-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>353.灵魂的呼唤，雄鹰之歌-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/353.灵魂的呼唤，雄鹰之歌-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>353.灵魂的呼唤，雄鹰之歌-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080238.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080238.html 唯美纯音乐 唯美纯音乐 352.音符跳动，抚慰心灵-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>352.音符跳动，抚慰心灵-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/352.音符跳动，抚慰心灵-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>352.音符跳动，抚慰心灵-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080237.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080237.html 唯美纯音乐 唯美纯音乐 351.竹笛声悠扬，和夜莺很像-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>351.竹笛声悠扬，和夜莺很像-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/351.竹笛声悠扬，和夜莺很像-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>351.竹笛声悠扬，和夜莺很像-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080236.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080236.html 唯美纯音乐 唯美纯音乐 350.秋叶珊珊，伴君入眠 - 唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>350.秋叶珊珊，伴君入眠 - 唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/350.秋叶珊珊，伴君入眠 - 唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>350.秋叶珊珊，伴君入眠 - 唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080235.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080235.html 唯美纯音乐 唯美纯音乐 349.余生很短，请别错过 - 唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>349.余生很短，请别错过 - 唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/349.余生很短，请别错过 - 唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>349.余生很短，请别错过 - 唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080234.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080234.html 唯美纯音乐 唯美纯音乐 348.一曲一净土，一弦一清心 - 唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>348.一曲一净土，一弦一清心 - 唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/348.一曲一净土，一弦一清心 - 唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>348.一曲一净土，一弦一清心 - 唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080233.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080233.html 唯美纯音乐 唯美纯音乐 347.青春短暂，让人怀念 - 唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>347.青春短暂，让人怀念 - 唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/347.青春短暂，让人怀念 - 唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>347.青春短暂，让人怀念 - 唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080232.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080232.html 唯美纯音乐 唯美纯音乐 346.真爱永恒，相伴一生 - 唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>346.真爱永恒，相伴一生 - 唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/346.真爱永恒，相伴一生 - 唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>346.真爱永恒，相伴一生 - 唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080231.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080231.html 唯美纯音乐 唯美纯音乐 345.永浴爱河 ，至真至深- 唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>345.永浴爱河 ，至真至深- 唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/345.永浴爱河 ，至真至深- 唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>345.永浴爱河 ，至真至深- 唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080230.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080230.html 唯美纯音乐 唯美纯音乐 344.安静养心，舒缓心情 - 唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>344.安静养心，舒缓心情 - 唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/344.安静养心，舒缓心情 - 唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>344.安静养心，舒缓心情 - 唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080229.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080229.html 唯美纯音乐 唯美纯音乐 343.且听风吟 ，触动人心 - 唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>343.且听风吟 ，触动人心 - 唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/343.且听风吟 ，触动人心 - 唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>343.且听风吟 ，触动人心 - 唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080228.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080228.html 唯美纯音乐 唯美纯音乐 342.梦里水乡，让人向往 - 唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>342.梦里水乡，让人向往 - 唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/342.梦里水乡，让人向往 - 唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>342.梦里水乡，让人向往 - 唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080227.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080227.html 唯美纯音乐 唯美纯音乐 341.不变的心，永恒的爱-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>341.不变的心，永恒的爱-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/341.不变的心，永恒的爱-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>341.不变的心，永恒的爱-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080226.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080226.html 唯美纯音乐 唯美纯音乐 340.岁月华章，再现辉煌-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>340.岁月华章，再现辉煌-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/340.岁月华章，再现辉煌-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>340.岁月华章，再现辉煌-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080225.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080225.html 唯美纯音乐 唯美纯音乐 339.恢弘史诗，大气磅礴-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>339.恢弘史诗，大气磅礴-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/339.恢弘史诗，大气磅礴-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>339.恢弘史诗，大气磅礴-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080224.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080224.html 唯美纯音乐 唯美纯音乐 338.别样晚秋，是喜是忧-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>338.别样晚秋，是喜是忧-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/338.别样晚秋，是喜是忧-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>338.别样晚秋，是喜是忧-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080223.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080223.html 唯美纯音乐 唯美纯音乐 337.流水潺潺，筝音婉转-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>337.流水潺潺，筝音婉转-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/337.流水潺潺，筝音婉转-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>337.流水潺潺，筝音婉转-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080222.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080222.html 唯美纯音乐 唯美纯音乐 336.旭日清晨，唯美醉人 - 唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>336.旭日清晨，唯美醉人 - 唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/336.旭日清晨，唯美醉人 - 唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>336.旭日清晨，唯美醉人 - 唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080221.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080221.html 唯美纯音乐 唯美纯音乐 335.湖光水面，宁静幽远 - 唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>335.湖光水面，宁静幽远 - 唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/335.湖光水面，宁静幽远 - 唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>335.湖光水面，宁静幽远 - 唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080220.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080220.html 唯美纯音乐 唯美纯音乐 334.万水千山总是情 - 唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>334.万水千山总是情 - 唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/334.万水千山总是情 - 唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>334.万水千山总是情 - 唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080219.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080219.html 唯美纯音乐 唯美纯音乐 333.生活安详，舟渔晚唱 - 唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>333.生活安详，舟渔晚唱 - 唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/333.生活安详，舟渔晚唱 - 唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>333.生活安详，舟渔晚唱 - 唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080218.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080218.html 唯美纯音乐 唯美纯音乐 332.月下起舞（傣族民乐）-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>332.月下起舞（傣族民乐）-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/332.月下起舞（傣族民乐）-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>332.月下起舞（傣族民乐）-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080217.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080217.html 唯美纯音乐 唯美纯音乐 331.佛号静心，涤荡红尘-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>331.佛号静心，涤荡红尘-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/331.佛号静心，涤荡红尘-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>331.佛号静心，涤荡红尘-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080216.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080216.html 唯美纯音乐 唯美纯音乐 330.《静水禅音》静心极乐 - 唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>330.《静水禅音》静心极乐 - 唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/330.《静水禅音》静心极乐 - 唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>330.《静水禅音》静心极乐 - 唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080215.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080215.html 唯美纯音乐 唯美纯音乐 329.尽余欢，今宵别梦寒-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>329.尽余欢，今宵别梦寒-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/329.尽余欢，今宵别梦寒-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>329.尽余欢，今宵别梦寒-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080214.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080214.html 唯美纯音乐 唯美纯音乐 328.深山禅林，幽远意境 - 唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>328.深山禅林，幽远意境 - 唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/328.深山禅林，幽远意境 - 唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>328.深山禅林，幽远意境 - 唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080213.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080213.html 唯美纯音乐 唯美纯音乐 327.放空自己，心灵之旅- 唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>327.放空自己，心灵之旅- 唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/327.放空自己，心灵之旅- 唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>327.放空自己，心灵之旅- 唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080212.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080212.html 唯美纯音乐 唯美纯音乐 326.世外桃源 ，飘逸幽远 - 唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>326.世外桃源 ，飘逸幽远 - 唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/326.世外桃源 ，飘逸幽远 - 唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>326.世外桃源 ，飘逸幽远 - 唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080211.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080211.html 唯美纯音乐 唯美纯音乐 325.时光如流沙，珍惜当下 - 唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>325.时光如流沙，珍惜当下 - 唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/325.时光如流沙，珍惜当下 - 唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>325.时光如流沙，珍惜当下 - 唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080210.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080210.html 唯美纯音乐 唯美纯音乐 324.爱恨离别，梁祝化蝶 - 唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>324.爱恨离别，梁祝化蝶 - 唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/324.爱恨离别，梁祝化蝶 - 唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>324.爱恨离别，梁祝化蝶 - 唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080209.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080209.html 唯美纯音乐 唯美纯音乐 323.曾经追梦，现已不年轻-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>323.曾经追梦，现已不年轻-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/323.曾经追梦，现已不年轻-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>323.曾经追梦，现已不年轻-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080208.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080208.html 唯美纯音乐 唯美纯音乐 322.相恋在夏季-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>322.相恋在夏季-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/322.相恋在夏季-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>322.相恋在夏季-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080207.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080207.html 唯美纯音乐 唯美纯音乐 321.是谁在你耳畔呢喃-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>321.是谁在你耳畔呢喃-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/321.是谁在你耳畔呢喃-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>321.是谁在你耳畔呢喃-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080206.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080206.html 唯美纯音乐 唯美纯音乐 320.玉烟笛梦，诉说人生-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>320.玉烟笛梦，诉说人生-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/320.玉烟笛梦，诉说人生-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>320.玉烟笛梦，诉说人生-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080205.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080205.html 唯美纯音乐 唯美纯音乐 319.绾青丝，别离殇（二胡）唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>319.绾青丝，别离殇（二胡）唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/319.绾青丝，别离殇（二胡）唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>319.绾青丝，别离殇（二胡）唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080204.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080204.html 唯美纯音乐 唯美纯音乐 318.缘聚 （醉人的水墨中国风）-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>318.缘聚 （醉人的水墨中国风）-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/318.缘聚 （醉人的水墨中国风）-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>318.缘聚 （醉人的水墨中国风）-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080203.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080203.html 唯美纯音乐 唯美纯音乐 317.薰衣草的阴影-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>317.薰衣草的阴影-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/317.薰衣草的阴影-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>317.薰衣草的阴影-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080202.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080202.html 唯美纯音乐 唯美纯音乐 316.江南印象，隽永舒畅-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>316.江南印象，隽永舒畅-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/316.江南印象，隽永舒畅-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>316.江南印象，隽永舒畅-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080201.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080201.html 唯美纯音乐 唯美纯音乐 315.司岗里情，相依相望-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>315.司岗里情，相依相望-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/315.司岗里情，相依相望-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>315.司岗里情，相依相望-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080200.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080200.html 唯美纯音乐 唯美纯音乐 314.《水墨兰亭》沉静如水，静逸如诗-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>314.《水墨兰亭》沉静如水，静逸如诗-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/314.《水墨兰亭》沉静如水，静逸如诗-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>314.《水墨兰亭》沉静如水，静逸如诗-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080199.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080199.html 唯美纯音乐 唯美纯音乐 313.红颜旧，此情不忘，忍别离 (笛子版)-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>313.红颜旧，此情不忘，忍别离 (笛子版)-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/313.红颜旧，此情不忘，忍别离 (笛子版)-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>313.红颜旧，此情不忘，忍别离 (笛子版)-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080198.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080198.html 唯美纯音乐 唯美纯音乐 312.下雨的时候（小提琴） -唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>312.下雨的时候（小提琴） -唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/312.下雨的时候（小提琴） -唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>312.下雨的时候（小提琴） -唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080197.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080197.html 唯美纯音乐 唯美纯音乐 311.风云依旧，人已老 (钢琴曲) - 唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>311.风云依旧，人已老 (钢琴曲) - 唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/311.风云依旧，人已老 (钢琴曲) - 唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>311.风云依旧，人已老 (钢琴曲) - 唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080196.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080196.html 唯美纯音乐 唯美纯音乐 310.织女·心丝 (笛箫版) - 唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>310.织女·心丝 (笛箫版) - 唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/310.织女·心丝 (笛箫版) - 唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>310.织女·心丝 (笛箫版) - 唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080195.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080195.html 唯美纯音乐 唯美纯音乐 309.天籁排箫 最后的莫西干人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>309.天籁排箫 最后的莫西干人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/309.天籁排箫 最后的莫西干人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>309.天籁排箫 最后的莫西干人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080194.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080194.html 唯美纯音乐 唯美纯音乐 308.墨兰香，韵悠扬-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>308.墨兰香，韵悠扬-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/308.墨兰香，韵悠扬-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>308.墨兰香，韵悠扬-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080193.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080193.html 唯美纯音乐 唯美纯音乐 307.姻缘（古典）-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>307.姻缘（古典）-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/307.姻缘（古典）-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>307.姻缘（古典）-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080192.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080192.html 唯美纯音乐 唯美纯音乐 306.花开不记年-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>306.花开不记年-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/306.花开不记年-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>306.花开不记年-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080191.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080191.html 唯美纯音乐 唯美纯音乐 305.天籁之音,来自印第安 -唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>305.天籁之音,来自印第安 -唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/305.天籁之音,来自印第安 -唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>305.天籁之音,来自印第安 -唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080190.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080190.html 唯美纯音乐 唯美纯音乐 304.潮汐的旋律，心灵的慰藉 - 唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>304.潮汐的旋律，心灵的慰藉 - 唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/304.潮汐的旋律，心灵的慰藉 - 唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>304.潮汐的旋律，心灵的慰藉 - 唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080189.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080189.html 唯美纯音乐 唯美纯音乐 303.碧玉的江孜（净化心灵的西藏乐曲）- 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>303.碧玉的江孜（净化心灵的西藏乐曲）- 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/303.碧玉的江孜（净化心灵的西藏乐曲）- 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>303.碧玉的江孜（净化心灵的西藏乐曲）- 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080188.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080188.html 唯美纯音乐 唯美纯音乐 302.睡莲（二胡）-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>302.睡莲（二胡）-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/302.睡莲（二胡）-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>302.睡莲（二胡）-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080187.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080187.html 唯美纯音乐 唯美纯音乐 301.水-禅意名曲 (茶禅一味) - 唯美轻音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>301.水-禅意名曲 (茶禅一味) - 唯美轻音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/301.水-禅意名曲 (茶禅一味) - 唯美轻音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>301.水-禅意名曲 (茶禅一味) - 唯美轻音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080186.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080186.html 唯美纯音乐 唯美纯音乐 300.女儿情 （古筝） - 唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>300.女儿情 （古筝） - 唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/300.女儿情 （古筝） - 唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>300.女儿情 （古筝） - 唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080185.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080185.html 唯美纯音乐 唯美纯音乐 299.水姻缘（古筝新韵）-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>299.水姻缘（古筝新韵）-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/299.水姻缘（古筝新韵）-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>299.水姻缘（古筝新韵）-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080184.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080184.html 唯美纯音乐 唯美纯音乐 298.千年一叹，婉韵悠远（古筝） - 唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>298.千年一叹，婉韵悠远（古筝） - 唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/298.千年一叹，婉韵悠远（古筝） - 唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>298.千年一叹，婉韵悠远（古筝） - 唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080183.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080183.html 唯美纯音乐 唯美纯音乐 297.雨韵悠然，滋润心田- 唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>297.雨韵悠然，滋润心田- 唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/297.雨韵悠然，滋润心田- 唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>297.雨韵悠然，滋润心田- 唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080182.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080182.html 唯美纯音乐 唯美纯音乐 296.那个你熟悉且难忘的声音 - 唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>296.那个你熟悉且难忘的声音 - 唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/296.那个你熟悉且难忘的声音 - 唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>296.那个你熟悉且难忘的声音 - 唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080181.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080181.html 唯美纯音乐 唯美纯音乐 295.那些关于你的爱恨情长 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>295.那些关于你的爱恨情长</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/295.那些关于你的爱恨情长.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>295.那些关于你的爱恨情长</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080180.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080180.html 唯美纯音乐 唯美纯音乐 294.伴读静心唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>294.伴读静心唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/294.伴读静心唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>294.伴读静心唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080179.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080179.html 唯美纯音乐 唯美纯音乐 293.秋来风起，叶落禅意-唯美轻音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>293.秋来风起，叶落禅意-唯美轻音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/293.秋来风起，叶落禅意-唯美轻音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>293.秋来风起，叶落禅意-唯美轻音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080178.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080178.html 唯美纯音乐 唯美纯音乐 292.繁华的寂静-钢琴曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>292.繁华的寂静-钢琴曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/292.繁华的寂静-钢琴曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>292.繁华的寂静-钢琴曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080177.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080177.html 唯美纯音乐 唯美纯音乐 291.三个人的时光 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>291.三个人的时光</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/291.三个人的时光.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>291.三个人的时光</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080176.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080176.html 唯美纯音乐 唯美纯音乐 290.琵琶行-钢琴曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>290.琵琶行-钢琴曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/290.琵琶行-钢琴曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>290.琵琶行-钢琴曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080175.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080175.html 唯美纯音乐 唯美纯音乐 289.回想-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>289.回想-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/289.回想-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>289.回想-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080174.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080174.html 唯美纯音乐 唯美纯音乐 288.苍竹滴翠，寂然如水-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>288.苍竹滴翠，寂然如水-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/288.苍竹滴翠，寂然如水-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>288.苍竹滴翠，寂然如水-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080173.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080173.html 唯美纯音乐 唯美纯音乐 287.山野幽居，宁静幽谧-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>287.山野幽居，宁静幽谧-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/287.山野幽居，宁静幽谧-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>287.山野幽居，宁静幽谧-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080172.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080172.html 唯美纯音乐 唯美纯音乐 286.云海间 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>286.云海间</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/286.云海间.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>286.云海间</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080171.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080171.html 唯美纯音乐 唯美纯音乐 285.探清水河 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>285.探清水河</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/285.探清水河.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>285.探清水河</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080170.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080170.html 唯美纯音乐 唯美纯音乐 284.临安初雨，春水凝碧-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>284.临安初雨，春水凝碧-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/284.临安初雨，春水凝碧-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>284.临安初雨，春水凝碧-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080169.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080169.html 唯美纯音乐 唯美纯音乐 283.桃花渡 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>283.桃花渡</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/283.桃花渡.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>283.桃花渡</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080168.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080168.html 唯美纯音乐 唯美纯音乐 282.好听的古典音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>282.好听的古典音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/282.好听的古典音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>282.好听的古典音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080167.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080167.html 唯美纯音乐 唯美纯音乐 281.茶 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>281.茶</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/281.茶.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>281.茶</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080166.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080166.html 唯美纯音乐 唯美纯音乐 280.雨碎江南，花影斑斓-唯美纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>280.雨碎江南，花影斑斓-唯美纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/280.雨碎江南，花影斑斓-唯美纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>280.雨碎江南，花影斑斓-唯美纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080165.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080165.html 唯美纯音乐 唯美纯音乐 279.someone like you 原版伴奏 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>279.someone like you 原版伴奏</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/279.someone like you 原版伴奏.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>279.someone like you 原版伴奏</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080164.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080164.html 唯美纯音乐 唯美纯音乐 278.痴情冢 【笛子版】 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>278.痴情冢 【笛子版】</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/278.痴情冢 【笛子版】.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>278.痴情冢 【笛子版】</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080163.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080163.html 唯美纯音乐 唯美纯音乐 277.打雷下雨的声音真好听 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>277.打雷下雨的声音真好听</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/277.打雷下雨的声音真好听.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>277.打雷下雨的声音真好听</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080162.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080162.html 唯美纯音乐 唯美纯音乐 276.心绪 Continuous Thought <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>276.心绪 Continuous Thought</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/276.心绪 Continuous Thought.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>276.心绪 Continuous Thought</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080161.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080161.html 唯美纯音乐 唯美纯音乐 275.Heavenly (feat. Felicia Farerre) <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>275.Heavenly (feat. Felicia Farerre)</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/275.Heavenly (feat. Felicia Farerre).mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>275.Heavenly (feat. Felicia Farerre)</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080160.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080160.html 唯美纯音乐 唯美纯音乐 274.Einsamer Hirte 孤独的牧羊人 ( 口琴 ) <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>274.Einsamer Hirte 孤独的牧羊人 ( 口琴 )</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/274.Einsamer Hirte 孤独的牧羊人 ( 口琴 ).mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>274.Einsamer Hirte 孤独的牧羊人 ( 口琴 )</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080159.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080159.html 唯美纯音乐 唯美纯音乐 273.岩山---昭乌达盟民歌 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>273.岩山---昭乌达盟民歌</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/273.岩山---昭乌达盟民歌.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>273.岩山---昭乌达盟民歌</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080158.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080158.html 唯美纯音乐 唯美纯音乐 272.一人静 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>272.一人静</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/272.一人静.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>272.一人静</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080157.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080157.html 唯美纯音乐 唯美纯音乐 271.夜、萤火虫和你 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>271.夜、萤火虫和你</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/271.夜、萤火虫和你.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>271.夜、萤火虫和你</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080156.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080156.html 唯美纯音乐 唯美纯音乐 270.风平浪静 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>270.风平浪静</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/270.风平浪静.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>270.风平浪静</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080155.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080155.html 唯美纯音乐 唯美纯音乐 269.幻昼 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>269.幻昼</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/269.幻昼.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>269.幻昼</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080154.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080154.html 唯美纯音乐 唯美纯音乐 268.告白の夜 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>268.告白の夜</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/268.告白の夜.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>268.告白の夜</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080153.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080153.html 唯美纯音乐 唯美纯音乐 267.空纳万境 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>267.空纳万境</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/267.空纳万境.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>267.空纳万境</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080152.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080152.html 唯美纯音乐 唯美纯音乐 266.青空 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>266.青空</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/266.青空.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>266.青空</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080151.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080151.html 唯美纯音乐 唯美纯音乐 265.AIR-青空（钢琴版） <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>265.AIR-青空（钢琴版）</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/265.AIR-青空（钢琴版）.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>265.AIR-青空（钢琴版）</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080150.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080150.html 唯美纯音乐 唯美纯音乐 264.牧羊曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>264.牧羊曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/264.牧羊曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>264.牧羊曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080149.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080149.html 唯美纯音乐 唯美纯音乐 263.如烟长廊-吉他 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>263.如烟长廊-吉他</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/263.如烟长廊-吉他.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>263.如烟长廊-吉他</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080148.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080148.html 唯美纯音乐 唯美纯音乐 262.我爱你中国 -小提琴 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>262.我爱你中国 -小提琴</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/262.我爱你中国 -小提琴.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>262.我爱你中国 -小提琴</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080147.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080147.html 唯美纯音乐 唯美纯音乐 261.我和我的祖国-钢琴曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>261.我和我的祖国-钢琴曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/261.我和我的祖国-钢琴曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>261.我和我的祖国-钢琴曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080146.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080146.html 唯美纯音乐 唯美纯音乐 260.中华通络操-纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>260.中华通络操-纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/260.中华通络操-纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>260.中华通络操-纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080145.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080145.html 唯美纯音乐 唯美纯音乐 259.秋的思念 - 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>259.秋的思念 - 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/259.秋的思念 - 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>259.秋的思念 - 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080144.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080144.html 唯美纯音乐 唯美纯音乐 258.刹那永恒-纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>258.刹那永恒-纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/258.刹那永恒-纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>258.刹那永恒-纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080143.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080143.html 唯美纯音乐 唯美纯音乐 257.如梦岁月-纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>257.如梦岁月-纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/257.如梦岁月-纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>257.如梦岁月-纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080142.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080142.html 唯美纯音乐 唯美纯音乐 256.胡伟立 - 雪千寻 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>256.胡伟立 - 雪千寻</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/256.胡伟立 - 雪千寻.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>256.胡伟立 - 雪千寻</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080141.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080141.html 唯美纯音乐 唯美纯音乐 255.纯音乐 - 莫失莫忘 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>255.纯音乐 - 莫失莫忘</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/255.纯音乐 - 莫失莫忘.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>255.纯音乐 - 莫失莫忘</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080140.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080140.html 唯美纯音乐 唯美纯音乐 254.胡伟立 - 温馨时刻 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>254.胡伟立 - 温馨时刻</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/254.胡伟立 - 温馨时刻.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>254.胡伟立 - 温馨时刻</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080139.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080139.html 唯美纯音乐 唯美纯音乐 253.绿袖子 (Greensleeves) - 理查德 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>253.绿袖子 (Greensleeves) - 理查德</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/253.绿袖子 (Greensleeves) - 理查德.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>253.绿袖子 (Greensleeves) - 理查德</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080138.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080138.html 唯美纯音乐 唯美纯音乐 252.Always 永远 - Soothing Relaxation <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>252.Always 永远 - Soothing Relaxation</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/252.Always 永远 - Soothing Relaxation.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>252.Always 永远 - Soothing Relaxation</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080137.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080137.html 唯美纯音乐 唯美纯音乐 251.秋天的色彩 - Soothing Relaxation <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>251.秋天的色彩 - Soothing Relaxation</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/251.秋天的色彩 - Soothing Relaxation.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>251.秋天的色彩 - Soothing Relaxation</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080136.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080136.html 唯美纯音乐 唯美纯音乐 250.一直在我心中 - Udo Vismann <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>250.一直在我心中 - Udo Vismann</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/250.一直在我心中 - Udo Vismann.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>250.一直在我心中 - Udo Vismann</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080135.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080135.html 唯美纯音乐 唯美纯音乐 249.永远不会太晚-雅尼 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>249.永远不会太晚-雅尼</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/249.永远不会太晚-雅尼.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>249.永远不会太晚-雅尼</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080134.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080134.html 唯美纯音乐 唯美纯音乐 248.雨中漫步-雅尼 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>248.雨中漫步-雅尼</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/248.雨中漫步-雅尼.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>248.雨中漫步-雅尼</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080133.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080133.html 唯美纯音乐 唯美纯音乐 247.当星星落下时-安菲尔 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>247.当星星落下时-安菲尔</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/247.当星星落下时-安菲尔.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>247.当星星落下时-安菲尔</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080132.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080132.html 唯美纯音乐 唯美纯音乐 246.如果我能告诉你-雅尼 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>246.如果我能告诉你-雅尼</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/246.如果我能告诉你-雅尼.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>246.如果我能告诉你-雅尼</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080131.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080131.html 唯美纯音乐 唯美纯音乐 245.河西走廊之梦-雅尼 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>245.河西走廊之梦-雅尼</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/245.河西走廊之梦-雅尼.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>245.河西走廊之梦-雅尼</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080130.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080130.html 唯美纯音乐 唯美纯音乐 244.Sleepless beauty (万有引力) - 浅仑大介 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>244.Sleepless beauty (万有引力) - 浅仑大介</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/244.Sleepless beauty (万有引力) - 浅仑大介.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>244.Sleepless beauty (万有引力) - 浅仑大介</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080129.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080129.html 唯美纯音乐 唯美纯音乐 243.Pachebel's Canon in D (卡农钢琴曲) - Danny Wright <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>243.Pachebel's Canon in D (卡农钢琴曲) - Danny Wright</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/243.Pachebel's Canon in D (卡农钢琴曲) - Danny Wright.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>243.Pachebel's Canon in D (卡农钢琴曲) - Danny Wright</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080128.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080128.html 唯美纯音乐 唯美纯音乐 242.Do You Live, Do You Love (活着而爱着) - Danny Wright <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>242.Do You Live, Do You Love (活着而爱着) - Danny Wright</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/242.Do You Live, Do You Love (活着而爱着) - Danny Wright.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>242.Do You Live, Do You Love (活着而爱着) - Danny Wright</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080127.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080127.html 唯美纯音乐 唯美纯音乐 241.Lost my pieces (龙与虎 感人配乐) - 桥本由香利 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>241.Lost my pieces (龙与虎 感人配乐) - 桥本由香利</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/241.Lost my pieces (龙与虎 感人配乐) - 桥本由香利.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>241.Lost my pieces (龙与虎 感人配乐) - 桥本由香利</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080126.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080126.html 唯美纯音乐 唯美纯音乐 240.散花 - Key Sounds Label <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>240.散花 - Key Sounds Label</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/240.散花 - Key Sounds Label.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>240.散花 - Key Sounds Label</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080125.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080125.html 唯美纯音乐 唯美纯音乐 239.我爱你 Ya Tebya Lubliu (吉他) - Acoustic Alchemy <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>239.我爱你 Ya Tebya Lubliu (吉他) - Acoustic Alchemy</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/239.我爱你 Ya Tebya Lubliu (吉他) - Acoustic Alchemy.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>239.我爱你 Ya Tebya Lubliu (吉他) - Acoustic Alchemy</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080124.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080124.html 唯美纯音乐 唯美纯音乐 238.跨越时代的思念 (钢琴曲) - 和田薰 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>238.跨越时代的思念 (钢琴曲) - 和田薰</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/238.跨越时代的思念 (钢琴曲) - 和田薰.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>238.跨越时代的思念 (钢琴曲) - 和田薰</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080123.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080123.html 唯美纯音乐 唯美纯音乐 237.小夜曲 - 舒伯特 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>237.小夜曲 - 舒伯特</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/237.小夜曲 - 舒伯特.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>237.小夜曲 - 舒伯特</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080122.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080122.html 唯美纯音乐 唯美纯音乐 236.悲歌 Cancion Triste - Jesse Cook <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>236.悲歌 Cancion Triste - Jesse Cook</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/236.悲歌 Cancion Triste - Jesse Cook.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>236.悲歌 Cancion Triste - Jesse Cook</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080121.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080121.html 唯美纯音乐 唯美纯音乐 235.暗恋过结局呢(节奏) - 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>235.暗恋过结局呢(节奏) - 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/235.暗恋过结局呢(节奏) - 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>235.暗恋过结局呢(节奏) - 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080120.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080120.html 唯美纯音乐 唯美纯音乐 234.Your Beautiful Love - Back to Earth <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>234.Your Beautiful Love - Back to Earth</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/234.Your Beautiful Love - Back to Earth.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>234.Your Beautiful Love - Back to Earth</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080119.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080119.html 唯美纯音乐 唯美纯音乐 233.Palace Memories~Sunset - 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>233.Palace Memories~Sunset - 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/233.Palace Memories~Sunset - 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>233.Palace Memories~Sunset - 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080118.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080118.html 唯美纯音乐 唯美纯音乐 232.ひだまりの（向阳之乡） - 日本ACG <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>232.ひだまりの（向阳之乡） - 日本ACG</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/232.ひだまりの（向阳之乡） - 日本ACG.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>232.ひだまりの（向阳之乡） - 日本ACG</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080117.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080117.html 唯美纯音乐 唯美纯音乐 231.Numb 钢琴版 - 林肯公园 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>231.Numb 钢琴版 - 林肯公园</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/231.Numb 钢琴版 - 林肯公园.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>231.Numb 钢琴版 - 林肯公园</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080116.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080116.html 唯美纯音乐 唯美纯音乐 230.舒伯特-天鹅之歌 (小夜曲) - Arthur Grumiaux <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>230.舒伯特-天鹅之歌 (小夜曲) - Arthur Grumiaux</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/230.舒伯特-天鹅之歌 (小夜曲) - Arthur Grumiaux.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>230.舒伯特-天鹅之歌 (小夜曲) - Arthur Grumiaux</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080115.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080115.html 唯美纯音乐 唯美纯音乐 230.舒伯特：天鹅之歌 (小夜曲) - Arthur Grumiaux <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>230.舒伯特：天鹅之歌 (小夜曲) - Arthur Grumiaux</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/230.舒伯特：天鹅之歌 (小夜曲) - Arthur Grumiaux.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>230.舒伯特：天鹅之歌 (小夜曲) - Arthur Grumiaux</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080114.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080114.html 唯美纯音乐 唯美纯音乐 229.醉梦西班牙 - Aage Kvalbein <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>229.醉梦西班牙 - Aage Kvalbein</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/229.醉梦西班牙 - Aage Kvalbein.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>229.醉梦西班牙 - Aage Kvalbein</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080113.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080113.html 唯美纯音乐 唯美纯音乐 228.爱的记忆- Phil Coulter <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>228.爱的记忆- Phil Coulter</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/228.爱的记忆- Phil Coulter.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>228.爱的记忆- Phil Coulter</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080112.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080112.html 唯美纯音乐 唯美纯音乐 227.雪花颂E (Snow Flower Song E) - Sweet Rain <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>227.雪花颂E (Snow Flower Song E) - Sweet Rain</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/227.雪花颂E (Snow Flower Song E) - Sweet Rain.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>227.雪花颂E (Snow Flower Song E) - Sweet Rain</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080111.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080111.html 唯美纯音乐 唯美纯音乐 226.久远~光和波的记忆~ -日本ACG <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>226.久远~光和波的记忆~ -日本ACG</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/226.久远~光和波的记忆~ -日本ACG.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>226.久远~光和波的记忆~ -日本ACG</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080110.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080110.html 唯美纯音乐 唯美纯音乐 225.梦中见——凯文·科恩 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>225.梦中见——凯文·科恩</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/225.梦中见——凯文·科恩.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>225.梦中见——凯文·科恩</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080109.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080109.html 唯美纯音乐 唯美纯音乐 224.善良的心 - Marc Enfroy <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>224.善良的心 - Marc Enfroy</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/224.善良的心 - Marc Enfroy.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>224.善良的心 - Marc Enfroy</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080108.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080108.html 唯美纯音乐 唯美纯音乐 223.游戏《蓝莓花园》的原声集 (Entre deux) - Daduk <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>223.游戏《蓝莓花园》的原声集 (Entre deux) - Daduk</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/223.游戏《蓝莓花园》的原声集 (Entre deux) - Daduk.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>223.游戏《蓝莓花园》的原声集 (Entre deux) - Daduk</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080107.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080107.html 唯美纯音乐 唯美纯音乐 222.suiren - a_hisa <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>222.suiren - a_hisa</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/222.suiren - a_hisa.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>222.suiren - a_hisa</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080106.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080106.html 唯美纯音乐 唯美纯音乐 221.睁不开眼就看不见- 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>221.睁不开眼就看不见- 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/221.睁不开眼就看不见- 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>221.睁不开眼就看不见- 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080105.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080105.html 唯美纯音乐 唯美纯音乐 220.希望曙光 - 喵步小雨中 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>220.希望曙光 - 喵步小雨中</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/220.希望曙光 - 喵步小雨中.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>220.希望曙光 - 喵步小雨中</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080104.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080104.html 唯美纯音乐 唯美纯音乐 219.生命之舞(钢琴与排笛) - Brad White & Pierre Grill <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>219.生命之舞(钢琴与排笛) - Brad White & Pierre Grill</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/219.生命之舞(钢琴与排笛) - Brad White & Pierre Grill.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>219.生命之舞(钢琴与排笛) - Brad White & Pierre Grill</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080103.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080103.html 唯美纯音乐 唯美纯音乐 218.欢乐的珍珠——凯文·科恩 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>218.欢乐的珍珠——凯文·科恩</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/218.欢乐的珍珠——凯文·科恩.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>218.欢乐的珍珠——凯文·科恩</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080102.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080102.html 唯美纯音乐 唯美纯音乐 217.花言叶 - α·Pav <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>217.花言叶 - α·Pav</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/217.花言叶 - α·Pav.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>217.花言叶 - α·Pav</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080101.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080101.html 唯美纯音乐 唯美纯音乐 216.微笑的弧度 (Silent Love) - 何真真 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>216.微笑的弧度 (Silent Love) - 何真真</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/216.微笑的弧度 (Silent Love) - 何真真.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>216.微笑的弧度 (Silent Love) - 何真真</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080100.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080100.html 唯美纯音乐 唯美纯音乐 215.Follow Your Heart (聆听心灵深处的呼唤) - Karunesh <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>215.Follow Your Heart (聆听心灵深处的呼唤) - Karunesh</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/215.Follow Your Heart (聆听心灵深处的呼唤) - Karunesh.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>215.Follow Your Heart (聆听心灵深处的呼唤) - Karunesh</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080099.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080099.html 唯美纯音乐 唯美纯音乐 214.我在那一角落患过伤风 - 赵海洋 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>214.我在那一角落患过伤风 - 赵海洋</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/214.我在那一角落患过伤风 - 赵海洋.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>214.我在那一角落患过伤风 - 赵海洋</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080098.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080098.html 唯美纯音乐 唯美纯音乐 213.卡农 (小提琴) - 利未人室内乐团 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>213.卡农 (小提琴) - 利未人室内乐团</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/213.卡农 (小提琴) - 利未人室内乐团.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>213.卡农 (小提琴) - 利未人室内乐团</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080097.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080097.html 唯美纯音乐 唯美纯音乐 212.Childhood's Memory 陶笛版 (思い出の小箱) - 宗次郎 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>212.Childhood's Memory 陶笛版 (思い出の小箱) - 宗次郎</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/212.Childhood's Memory 陶笛版 (思い出の小箱) - 宗次郎.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>212.Childhood's Memory 陶笛版 (思い出の小箱) - 宗次郎</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080096.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080096.html 唯美纯音乐 唯美纯音乐 211.以思念 (十九岁的纯情背景音乐) - 钢琴曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>211.以思念 (十九岁的纯情背景音乐) - 钢琴曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/211.以思念 (十九岁的纯情背景音乐) - 钢琴曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>211.以思念 (十九岁的纯情背景音乐) - 钢琴曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080095.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080095.html 唯美纯音乐 唯美纯音乐 210.一起走过的日子(古筝) - 李炜 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>210.一起走过的日子(古筝) - 李炜</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/210.一起走过的日子(古筝) - 李炜.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>210.一起走过的日子(古筝) - 李炜</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080094.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080094.html 唯美纯音乐 唯美纯音乐 209.季节的女王 (The Queen Of Season) - Danbi <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>209.季节的女王 (The Queen Of Season) - Danbi</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/209.季节的女王 (The Queen Of Season) - Danbi.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>209.季节的女王 (The Queen Of Season) - Danbi</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080093.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080093.html 唯美纯音乐 唯美纯音乐 208.蓝色生死恋I主题曲 - Lawrence <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>208.蓝色生死恋I主题曲 - Lawrence</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/208.蓝色生死恋I主题曲 - Lawrence.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>208.蓝色生死恋I主题曲 - Lawrence</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080092.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080092.html 唯美纯音乐 唯美纯音乐 207.你的心河 (River Flows In You) - Eisblume <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>207.你的心河 (River Flows In You) - Eisblume</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/207.你的心河 (River Flows In You) - Eisblume.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>207.你的心河 (River Flows In You) - Eisblume</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080091.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080091.html 唯美纯音乐 唯美纯音乐 206.秋～華恋～ - α·Pav <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>206.秋～華恋～ - α·Pav</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/206.秋～華恋～ - α·Pav.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>206.秋～華恋～ - α·Pav</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080090.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080090.html 唯美纯音乐 唯美纯音乐 205.别说我的眼泪你无所谓 (钢琴) - 王喆 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>205.别说我的眼泪你无所谓 (钢琴) - 王喆</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/205.别说我的眼泪你无所谓 (钢琴) - 王喆.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>205.别说我的眼泪你无所谓 (钢琴) - 王喆</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080089.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080089.html 唯美纯音乐 唯美纯音乐 204.落日大道 - Guido Negraszus <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>204.落日大道 - Guido Negraszus</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/204.落日大道 - Guido Negraszus.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>204.落日大道 - Guido Negraszus</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080088.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080088.html 唯美纯音乐 唯美纯音乐 203.玛奇朵飘浮 (手风琴) - 王雁盟 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>203.玛奇朵飘浮 (手风琴) - 王雁盟</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/203.玛奇朵飘浮 (手风琴) - 王雁盟.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>203.玛奇朵飘浮 (手风琴) - 王雁盟</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080087.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080087.html 唯美纯音乐 唯美纯音乐 202.神秘园之歌 钢琴曲 - 赵海洋 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>202.神秘园之歌 钢琴曲 - 赵海洋</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/202.神秘园之歌 钢琴曲 - 赵海洋.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>202.神秘园之歌 钢琴曲 - 赵海洋</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080086.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080086.html 唯美纯音乐 唯美纯音乐 201.当我遇 - 甘仕良 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>201.当我遇 - 甘仕良</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/201.当我遇 - 甘仕良.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>201.当我遇 - 甘仕良</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080085.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080085.html 唯美纯音乐 唯美纯音乐 200.季节的轮回 - 奥户巴寿 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>200.季节的轮回 - 奥户巴寿</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/200.季节的轮回 - 奥户巴寿.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>200.季节的轮回 - 奥户巴寿</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080084.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080084.html 唯美纯音乐 唯美纯音乐 199.美丽的神话 - Pure Music <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>199.美丽的神话 - Pure Music</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/199.美丽的神话 - Pure Music.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>199.美丽的神话 - Pure Music</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080083.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080083.html 唯美纯音乐 唯美纯音乐 198.你的微笑 (Tu Sonrisa 微风吉他二重奏) - La Vienta <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>198.你的微笑 (Tu Sonrisa 微风吉他二重奏) - La Vienta</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/198.你的微笑 (Tu Sonrisa 微风吉他二重奏) - La Vienta.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>198.你的微笑 (Tu Sonrisa 微风吉他二重奏) - La Vienta</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080082.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080082.html 唯美纯音乐 唯美纯音乐 197.小酒窝钢琴版 - 王喆 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>197.小酒窝钢琴版 - 王喆</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/197.小酒窝钢琴版 - 王喆.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>197.小酒窝钢琴版 - 王喆</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080081.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080081.html 唯美纯音乐 唯美纯音乐 196.After the Rain (雨后) - Kevin Kern <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>196.After the Rain (雨后) - Kevin Kern</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/196.After the Rain (雨后) - Kevin Kern.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>196.After the Rain (雨后) - Kevin Kern</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080080.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080080.html 唯美纯音乐 唯美纯音乐 195.寂静之声 (吉他) - 明仔 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>195.寂静之声 (吉他) - 明仔</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/195.寂静之声 (吉他) - 明仔.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>195.寂静之声 (吉他) - 明仔</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080079.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080079.html 唯美纯音乐 唯美纯音乐 194.Between Worlds (带有力量的宁静) - Roger Subirana <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>194.Between Worlds (带有力量的宁静) - Roger Subirana</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/194.Between Worlds (带有力量的宁静) - Roger Subirana.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>194.Between Worlds (带有力量的宁静) - Roger Subirana</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080078.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080078.html 唯美纯音乐 唯美纯音乐 193.阿兰胡埃斯协奏曲 - Julian Bream <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>193.阿兰胡埃斯协奏曲 - Julian Bream</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/193.阿兰胡埃斯协奏曲 - Julian Bream.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>193.阿兰胡埃斯协奏曲 - Julian Bream</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080077.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080077.html 唯美纯音乐 唯美纯音乐 192.寂静之声 (吉他) - 明仔 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>192.寂静之声 (吉他) - 明仔</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/192.寂静之声 (吉他) - 明仔.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>192.寂静之声 (吉他) - 明仔</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080076.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080076.html 唯美纯音乐 唯美纯音乐 191.全心全意 (Heart and Soul) - Kenny G <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>191.全心全意 (Heart and Soul) - Kenny G</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/191.全心全意 (Heart and Soul) - Kenny G.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>191.全心全意 (Heart and Soul) - Kenny G</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080075.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080075.html 唯美纯音乐 唯美纯音乐 190.没有夜晚（There Is No Night） - Mairead Nesbitt <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>190.没有夜晚（There Is No Night） - Mairead Nesbitt</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/190.没有夜晚（There Is No Night） - Mairead Nesbitt.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>190.没有夜晚（There Is No Night） - Mairead Nesbitt</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080074.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080074.html 唯美纯音乐 唯美纯音乐 189.森林之歌 Forest Hymn - Bill Douglas <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>189.森林之歌 Forest Hymn - Bill Douglas</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/189.森林之歌 Forest Hymn - Bill Douglas.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>189.森林之歌 Forest Hymn - Bill Douglas</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080073.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080073.html 唯美纯音乐 唯美纯音乐 188.海阔天空 - 钢琴 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>188.海阔天空 - 钢琴</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/188.海阔天空 - 钢琴.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>188.海阔天空 - 钢琴</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080072.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080072.html 唯美纯音乐 唯美纯音乐 187.轻松的古典小夜曲 (Serenade) - Andre Rieu <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>187.轻松的古典小夜曲 (Serenade) - Andre Rieu</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/187.轻松的古典小夜曲 (Serenade) - Andre Rieu.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>187.轻松的古典小夜曲 (Serenade) - Andre Rieu</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080071.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080071.html 唯美纯音乐 唯美纯音乐 186.夏日星 (Summer Star) - Lanx <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>186.夏日星 (Summer Star) - Lanx</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/186.夏日星 (Summer Star) - Lanx.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>186.夏日星 (Summer Star) - Lanx</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080070.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080070.html 唯美纯音乐 唯美纯音乐 185.夏恋 - Otokaze <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>185.夏恋 - Otokaze</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/185.夏恋 - Otokaze.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>185.夏恋 - Otokaze</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080069.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080069.html 唯美纯音乐 唯美纯音乐 184.无尽之雨 (唯美钢琴曲) - 林有三 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>184.无尽之雨 (唯美钢琴曲) - 林有三</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/184.无尽之雨 (唯美钢琴曲) - 林有三.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>184.无尽之雨 (唯美钢琴曲) - 林有三</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080068.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080068.html 唯美纯音乐 唯美纯音乐 183.Autumn Journey 秋之旅 - Eric Chiryoku <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>183.Autumn Journey 秋之旅 - Eric Chiryoku</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/183.Autumn Journey 秋之旅 - Eric Chiryoku.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>183.Autumn Journey 秋之旅 - Eric Chiryoku</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080067.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080067.html 唯美纯音乐 唯美纯音乐 182.Moon Flow (听起来十分舒畅) - Nomak <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>182.Moon Flow (听起来十分舒畅) - Nomak</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/182.Moon Flow (听起来十分舒畅) - Nomak.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>182.Moon Flow (听起来十分舒畅) - Nomak</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080066.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080066.html 唯美纯音乐 唯美纯音乐 181.我的歌声里 - 钢琴曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>181.我的歌声里 - 钢琴曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/181.我的歌声里 - 钢琴曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>181.我的歌声里 - 钢琴曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080065.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080065.html 唯美纯音乐 唯美纯音乐 180.蓝色星球 - Guido Negraszus <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>180.蓝色星球 - Guido Negraszus</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/180.蓝色星球 - Guido Negraszus.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>180.蓝色星球 - Guido Negraszus</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080064.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080064.html 唯美纯音乐 唯美纯音乐 179.印地安之梦 - 班得瑞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>179.印地安之梦 - 班得瑞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/179.印地安之梦 - 班得瑞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>179.印地安之梦 - 班得瑞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080063.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080063.html 唯美纯音乐 唯美纯音乐 178.我心深处 - 班得瑞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>178.我心深处 - 班得瑞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/178.我心深处 - 班得瑞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>178.我心深处 - 班得瑞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080062.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080062.html 唯美纯音乐 唯美纯音乐 177.森林中的一夜 - 班得瑞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>177.森林中的一夜 - 班得瑞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/177.森林中的一夜 - 班得瑞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>177.森林中的一夜 - 班得瑞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080061.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080061.html 唯美纯音乐 唯美纯音乐 176.秘密 - 班得瑞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>176.秘密 - 班得瑞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/176.秘密 - 班得瑞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>176.秘密 - 班得瑞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080060.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080060.html 唯美纯音乐 唯美纯音乐 175.迷雾水珠 - 班得瑞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>175.迷雾水珠 - 班得瑞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/175.迷雾水珠 - 班得瑞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>175.迷雾水珠 - 班得瑞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080059.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080059.html 唯美纯音乐 唯美纯音乐 174.满天星 - 班得瑞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>174.满天星 - 班得瑞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/174.满天星 - 班得瑞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>174.满天星 - 班得瑞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080058.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080058.html 唯美纯音乐 唯美纯音乐 173.精灵之吻 - 班得瑞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>173.精灵之吻 - 班得瑞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/173.精灵之吻 - 班得瑞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>173.精灵之吻 - 班得瑞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080057.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080057.html 唯美纯音乐 唯美纯音乐 172.秘密的庭院 (钢琴轻音乐) - 理查德 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>172.秘密的庭院 (钢琴轻音乐) - 理查德</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/172.秘密的庭院 (钢琴轻音乐) - 理查德.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>172.秘密的庭院 (钢琴轻音乐) - 理查德</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080056.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080056.html 唯美纯音乐 唯美纯音乐 171.华丽的节奏钢琴 (Midnight Affair) - Tom Barabas <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>171.华丽的节奏钢琴 (Midnight Affair) - Tom Barabas</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/171.华丽的节奏钢琴 (Midnight Affair) - Tom Barabas.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>171.华丽的节奏钢琴 (Midnight Affair) - Tom Barabas</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080055.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080055.html 唯美纯音乐 唯美纯音乐 170.春野 - 班得瑞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>170.春野 - 班得瑞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/170.春野 - 班得瑞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>170.春野 - 班得瑞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080054.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080054.html 唯美纯音乐 唯美纯音乐 169.雨空 - 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>169.雨空 - 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/169.雨空 - 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>169.雨空 - 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080053.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080053.html 唯美纯音乐 唯美纯音乐 168.风车 (Wind-mill) - Andemund Orchestra <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>168.风车 (Wind-mill) - Andemund Orchestra</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/168.风车 (Wind-mill) - Andemund Orchestra.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>168.风车 (Wind-mill) - Andemund Orchestra</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080052.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080052.html 唯美纯音乐 唯美纯音乐 167.星际安魂曲 - 山下直人 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>167.星际安魂曲 - 山下直人</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/167.星际安魂曲 - 山下直人.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>167.星际安魂曲 - 山下直人</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080051.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080051.html 唯美纯音乐 唯美纯音乐 166.变幻之风 - 班得瑞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>166.变幻之风 - 班得瑞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/166.变幻之风 - 班得瑞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>166.变幻之风 - 班得瑞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080050.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080050.html 唯美纯音乐 唯美纯音乐 165.奥里诺科之梦 - 班得瑞 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>165.奥里诺科之梦 - 班得瑞</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/165.奥里诺科之梦 - 班得瑞.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>165.奥里诺科之梦 - 班得瑞</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080049.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080049.html 唯美纯音乐 唯美纯音乐 164.约定 - 钢琴曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>164.约定 - 钢琴曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/164.约定 - 钢琴曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>164.约定 - 钢琴曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080048.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080048.html 唯美纯音乐 唯美纯音乐 163.流星雨 - 陈冠宇 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>163.流星雨 - 陈冠宇</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/163.流星雨 - 陈冠宇.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>163.流星雨 - 陈冠宇</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080047.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080047.html 唯美纯音乐 唯美纯音乐 162.天际 (大自然音乐) - Mickey Lee <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>162.天际 (大自然音乐) - Mickey Lee</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/162.天际 (大自然音乐) - Mickey Lee.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>162.天际 (大自然音乐) - Mickey Lee</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080046.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080046.html 唯美纯音乐 唯美纯音乐 161.在你的怀抱中最安全 - Kevin Kern <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>161.在你的怀抱中最安全 - Kevin Kern</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/161.在你的怀抱中最安全 - Kevin Kern.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>161.在你的怀抱中最安全 - Kevin Kern</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080045.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080045.html 唯美纯音乐 唯美纯音乐 160.晴了的某日 - 全素妍 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>160.晴了的某日 - 全素妍</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/160.晴了的某日 - 全素妍.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>160.晴了的某日 - 全素妍</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080044.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080044.html 唯美纯音乐 唯美纯音乐 159.Memories 回忆 - Wendi <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>159.Memories 回忆 - Wendi</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/159.Memories 回忆 - Wendi.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>159.Memories 回忆 - Wendi</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080043.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080043.html 唯美纯音乐 唯美纯音乐 158.爱尔兰晨风(笛) - 陈悦 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>158.爱尔兰晨风(笛) - 陈悦</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/158.爱尔兰晨风(笛) - 陈悦.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>158.爱尔兰晨风(笛) - 陈悦</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080042.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080042.html 唯美纯音乐 唯美纯音乐 157.风之诗 - 吉他名曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>157.风之诗 - 吉他名曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/157.风之诗 - 吉他名曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>157.风之诗 - 吉他名曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080041.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080041.html 唯美纯音乐 唯美纯音乐 156.生活的乐趣 (The Joy Of Life) - Kenny G <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>156.生活的乐趣 (The Joy Of Life) - Kenny G</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/156.生活的乐趣 (The Joy Of Life) - Kenny G.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>156.生活的乐趣 (The Joy Of Life) - Kenny G</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080040.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080040.html 唯美纯音乐 唯美纯音乐 155.盛开成花树 - 喵步小雨中 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>155.盛开成花树 - 喵步小雨中</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/155.盛开成花树 - 喵步小雨中.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>155.盛开成花树 - 喵步小雨中</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080039.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080039.html 唯美纯音乐 唯美纯音乐 154.在那遥远的地方 (萨克斯) - 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>154.在那遥远的地方 (萨克斯) - 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/154.在那遥远的地方 (萨克斯) - 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>154.在那遥远的地方 (萨克斯) - 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080038.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080038.html 唯美纯音乐 唯美纯音乐 153.唯美浪漫的纯音乐 N°025 - Relaxdaily <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>153.唯美浪漫的纯音乐 N°025 - Relaxdaily</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/153.唯美浪漫的纯音乐 N°025 - Relaxdaily.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>153.唯美浪漫的纯音乐 N°025 - Relaxdaily</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080037.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080037.html 唯美纯音乐 唯美纯音乐 152.威尼斯天使 (Forever after) - 竖琴 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>152.威尼斯天使 (Forever after) - 竖琴</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/152.威尼斯天使 (Forever after) - 竖琴.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>152.威尼斯天使 (Forever after) - 竖琴</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080036.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080036.html 唯美纯音乐 唯美纯音乐 151.闪烁的星星 - 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>151.闪烁的星星 - 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/151.闪烁的星星 - 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>151.闪烁的星星 - 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080035.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080035.html 唯美纯音乐 唯美纯音乐 150.永远同在 - 宗次郎 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>150.永远同在 - 宗次郎</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/150.永远同在 - 宗次郎.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>150.永远同在 - 宗次郎</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080034.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080034.html 唯美纯音乐 唯美纯音乐 149.通往幸福的路 (Path To Happiness) - Kondor <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>149.通往幸福的路 (Path To Happiness) - Kondor</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/149.通往幸福的路 (Path To Happiness) - Kondor.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>149.通往幸福的路 (Path To Happiness) - Kondor</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080033.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080033.html 唯美纯音乐 唯美纯音乐 148.穿越时空的思念 - 和田薰 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>148.穿越时空的思念 - 和田薰</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/148.穿越时空的思念 - 和田薰.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>148.穿越时空的思念 - 和田薰</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080032.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080032.html 唯美纯音乐 唯美纯音乐 147.送别 - 钢琴曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>147.送别 - 钢琴曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/147.送别 - 钢琴曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>147.送别 - 钢琴曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080031.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080031.html 唯美纯音乐 唯美纯音乐 146.大千世界(钢琴) - 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>146.大千世界(钢琴) - 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/146.大千世界(钢琴) - 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>146.大千世界(钢琴) - 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080030.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080030.html 唯美纯音乐 唯美纯音乐 145.风光秀丽的小岛 (La Isla Bonita) - 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>145.风光秀丽的小岛 (La Isla Bonita) - 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/145.风光秀丽的小岛 (La Isla Bonita) - 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>145.风光秀丽的小岛 (La Isla Bonita) - 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080029.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080029.html 唯美纯音乐 唯美纯音乐 144.阿兰胡埃斯之爱 (优美的长笛) - Patrick Gallois <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>144.阿兰胡埃斯之爱 (优美的长笛) - Patrick Gallois</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/144.阿兰胡埃斯之爱 (优美的长笛) - Patrick Gallois.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>144.阿兰胡埃斯之爱 (优美的长笛) - Patrick Gallois</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080028.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080028.html 唯美纯音乐 唯美纯音乐 143.浪客剑心 (Departure 钢琴+吉他) - 日本ACG <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>143.浪客剑心 (Departure 钢琴+吉他) - 日本ACG</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/143.浪客剑心 (Departure 钢琴+吉他) - 日本ACG.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>143.浪客剑心 (Departure 钢琴+吉他) - 日本ACG</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080027.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080027.html 唯美纯音乐 唯美纯音乐 142.婚礼钟声 (Wedding Bell 吉他曲) - Depapepe <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>142.婚礼钟声 (Wedding Bell 吉他曲) - Depapepe</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/142.婚礼钟声 (Wedding Bell 吉他曲) - Depapepe.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>142.婚礼钟声 (Wedding Bell 吉他曲) - Depapepe</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080026.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080026.html 唯美纯音乐 唯美纯音乐 141.Down By The Salley Gardens (莎莉花园) - James Galway <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>141.Down By The Salley Gardens (莎莉花园) - James Galway</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/141.Down By The Salley Gardens (莎莉花园) - James Galway.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>141.Down By The Salley Gardens (莎莉花园) - James Galway</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080025.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080025.html 唯美纯音乐 唯美纯音乐 140.Your Eyes 你的眼神 - Andrew Jasinski <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>140.Your Eyes 你的眼神 - Andrew Jasinski</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/140.Your Eyes 你的眼神 - Andrew Jasinski.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>140.Your Eyes 你的眼神 - Andrew Jasinski</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080024.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080024.html 唯美纯音乐 唯美纯音乐 139.珍宝 (The Treasure) - Bernward Koch <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>139.珍宝 (The Treasure) - Bernward Koch</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/139.珍宝 (The Treasure) - Bernward Koch.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>139.珍宝 (The Treasure) - Bernward Koch</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080023.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080023.html 唯美纯音乐 唯美纯音乐 138.我梦见了你 - 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>138.我梦见了你 - 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/138.我梦见了你 - 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>138.我梦见了你 - 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080022.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080022.html 唯美纯音乐 唯美纯音乐 137.欲望(Touch of Desire) (琵琶,吟唱) - 吕秀龄 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>137.欲望(Touch of Desire) (琵琶,吟唱) - 吕秀龄</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/137.欲望(Touch of Desire) (琵琶,吟唱) - 吕秀龄.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>137.欲望(Touch of Desire) (琵琶,吟唱) - 吕秀龄</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080021.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080021.html 唯美纯音乐 唯美纯音乐 136.《卷珠帘》意境钢琴版 - 钢琴曲 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>136.《卷珠帘》意境钢琴版 - 钢琴曲</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/136.《卷珠帘》意境钢琴版 - 钢琴曲.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>136.《卷珠帘》意境钢琴版 - 钢琴曲</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080020.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080020.html 唯美纯音乐 唯美纯音乐 135.莲语的呢喃 - 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>135.莲语的呢喃 - 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/135.莲语的呢喃 - 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>135.莲语的呢喃 - 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080019.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080019.html 唯美纯音乐 唯美纯音乐 134.Chaconne 恰空舞曲 - 神秘园 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>134.Chaconne 恰空舞曲 - 神秘园</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/134.Chaconne 恰空舞曲 - 神秘园.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>134.Chaconne 恰空舞曲 - 神秘园</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080018.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080018.html 唯美纯音乐 唯美纯音乐 133.娜迪亚主旋律 - Chris Phillips <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>133.娜迪亚主旋律 - Chris Phillips</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/133.娜迪亚主旋律 - Chris Phillips.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>133.娜迪亚主旋律 - Chris Phillips</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080017.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080017.html 唯美纯音乐 唯美纯音乐 132.追梦人 (雪山飞狐主题曲) - 笛子 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>132.追梦人 (雪山飞狐主题曲) - 笛子</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/132.追梦人 (雪山飞狐主题曲) - 笛子.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>132.追梦人 (雪山飞狐主题曲) - 笛子</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080016.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080016.html 唯美纯音乐 唯美纯音乐 131.无法超越的灵魂音乐 (乱红) - 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>131.无法超越的灵魂音乐 (乱红) - 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/131.无法超越的灵魂音乐 (乱红) - 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>131.无法超越的灵魂音乐 (乱红) - 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080015.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080015.html 唯美纯音乐 唯美纯音乐 130.珍爱时光 (The Moment) - Kenny G <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>130.珍爱时光 (The Moment) - Kenny G</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/130.珍爱时光 (The Moment) - Kenny G.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>130.珍爱时光 (The Moment) - Kenny G</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080014.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080014.html 唯美纯音乐 唯美纯音乐 129.醉人的钢琴声- 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>129.醉人的钢琴声- 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/129.醉人的钢琴声- 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>129.醉人的钢琴声- 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080013.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080013.html 唯美纯音乐 唯美纯音乐 128.君生我未生 (我生君已老) - 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>128.君生我未生 (我生君已老) - 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/128.君生我未生 (我生君已老) - 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>128.君生我未生 (我生君已老) - 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080012.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080012.html 唯美纯音乐 唯美纯音乐 127.Moon River 月亮河 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>127.Moon River 月亮河</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/127.Moon River 月亮河.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>127.Moon River 月亮河</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080011.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080011.html 唯美纯音乐 唯美纯音乐 126.罗多伦咖啡店 - 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>126.罗多伦咖啡店 - 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/126.罗多伦咖啡店 - 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>126.罗多伦咖啡店 - 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080010.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080010.html 唯美纯音乐 唯美纯音乐 125.青空下的约定 - 伊藤贤治 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>125.青空下的约定 - 伊藤贤治</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/125.青空下的约定 - 伊藤贤治.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>125.青空下的约定 - 伊藤贤治</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080009.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080009.html 唯美纯音乐 唯美纯音乐 124.在我心中的夏天 - 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>124.在我心中的夏天 - 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/124.在我心中的夏天 - 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>124.在我心中的夏天 - 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080008.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080008.html 唯美纯音乐 唯美纯音乐 123.好听古典音乐 - 纯音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>123.好听古典音乐 - 纯音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/123.好听古典音乐 - 纯音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>123.好听古典音乐 - 纯音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080007.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080007.html 唯美纯音乐 唯美纯音乐 122.印度琵琶之魂 - 缪晓铮 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>122.印度琵琶之魂 - 缪晓铮</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/122.印度琵琶之魂 - 缪晓铮.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>122.印度琵琶之魂 - 缪晓铮</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080006.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080006.html 唯美纯音乐 唯美纯音乐 121.一起走过的日子 - 古筝 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>121.一起走过的日子 - 古筝</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/121.一起走过的日子 - 古筝.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>121.一起走过的日子 - 古筝</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080005.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080005.html 唯美纯音乐 唯美纯音乐 120.往事 Ride On - Phil Coulter <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>120.往事 Ride On - Phil Coulter</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/120.往事 Ride On - Phil Coulter.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>120.往事 Ride On - Phil Coulter</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080004.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080004.html 唯美纯音乐 唯美纯音乐 119.雨的旋律 (中西器乐合璧) - 古筝 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>119.雨的旋律 (中西器乐合璧) - 古筝</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/119.雨的旋律 (中西器乐合璧) - 古筝.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>119.雨的旋律 (中西器乐合璧) - 古筝</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080003.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080003.html 唯美纯音乐 唯美纯音乐 118.幽灵公主 - 轻音乐 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>118.幽灵公主 - 轻音乐</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/118.幽灵公主 - 轻音乐.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>118.幽灵公主 - 轻音乐</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080002.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080002.html 唯美纯音乐 唯美纯音乐 117.风的誓言 (風の誓い) - 梁邦彦 <br><br><br><br><br><br><br><br><br><br><br><br><html> <head> <meta charset="UTF-8"> <title>117.风的誓言 (風の誓い) - 梁邦彦</title> <link rel='stylesheet' href='/music/css/jquery-ui.css'> <style> body { background: url() } .music-player { position: absolute !important; top: 50%; left: 50%; margin: -207px 0 0 -207px } .music-player { position: relative; width: 415px; height: 415px; overflow: hidden; background: #252C36; border-radius: 50%; box-shadow: 0 1px 13px rgba(0, 0, 0, .55); user-select: none; } .music-player > .album { position: absolute; top: -25%; width: 100%; height: auto; min-height: 415px; } .music-player > .dash { position: absolute; right: 0; bottom: 0; left: 0; height: 300px; background: url(/music/css/image_png_00001.png) center bottom repeat-x; } .music-player > .dash > a { display: block; position: absolute; top: 50px; left: 12px; width: 24px; height: 24px; line-height: 24px; vertical-align: middle; font-size: 22px; text-decoration: none; color: #FFF; text-shadow: 0 1px 5px #000; transition: all .3s; opacity: .75; } .music-player > .dash > a[href="#share"] { left: auto; right: 55px; } .music-player > .dash > a[href="#love"] { left: auto; right: 18px; } .music-player > .dash > a:hover { opacity: 1 } .music-player > .dash > a.fa-volume-off + .volume-level > em { display: none } .music-player > .dash > .volume-level { position: absolute; top: 57px; left: 45px; width: 40px; height: 6px; padding: 1px; overflow: hidden; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 1px 5px #000, inset 0 1px 5px rgba(0, 0, 0, .5); cursor: pointer; transition: all .3s; opacity: .75; } .music-player > .dash > .volume-level > em { display: block; height: 6px; max-width: 100%; background: #FFF; box-shadow: 0 1px 5px #000; border-radius: 1.5px; } .music-player > .dash > .volume-level:hover { opacity: 1 } .music-player > .dash > .seeker { position: absolute; bottom: 7px; left: 50%; width: 400px; height: 203px; overflow: hidden; margin: 0 0 0 -200px; } .music-player > .dash > .seeker > .wheel { position: absolute; bottom: 0; width: 364px; height: 364px; border: 18px solid #201B2B; border-radius: 100%; } .music-player > .dash > .seeker > .wheel > .progress { position: absolute; bottom: -14px; left: 50%; width: 392px; height: 392px; overflow: hidden; margin: 0 0 0 -196px; border-radius: 100%; transform-origin: 50% 50%; background: url(/music/css/image_png_00003.png); transform: rotate(145deg); } .music-player > .dash > a[href="#seek"] { display: block; position: absolute; top: -97px; left: 50%; width: 10px; height: 10px; margin: -9px 0 0 -9px; background: #3A304D; border: 4px solid #FFF; border-radius: 100%; opacity: 1; transition: none; transform: rotate(145deg); transform-origin: 9px 200px; } .music-player > .dash > .controls { position: absolute; top: 85px; left: 50%; width: 180px; height: 55px; margin: 0 0 0 -90px; background: #201F22; border-radius: 23px; } .music-player > .dash > .controls:before { content: ""; position: absolute; top: 50%; left: 50%; width: 124px; height: 88px; margin: -44px 0 0 -62px; background: #201F22; border-radius: 125%; } .music-player > .dash > .controls > a[href="#play"] { content: ""; position: absolute; top: 50%; left: 50%; width: 88px; height: 58px; line-height: 58px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 32px; color: #FFF; margin: -29px 0 0 -44px; background: #F5696C; border-radius: 29px; transition: all .3s; } .music-player > .dash > .controls > a[href="#play"]:hover { background: #ED484B; box-shadow: 0 0 5px #F5696C; text-shadow: 0 0 5px #FFF; } .music-player > .dash > .controls > a[href="#back"], .music-player > .dash > .controls > a[href="#forward"] { position: absolute; top: 50%; left: 5px; width: 35px; height: 30px; margin: -15px 0 0; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-size: 22px; color: #BDBCBD; transition: all .3s; } .music-player > .dash > .controls > a[href="#forward"] { left: auto; right: 5px } .music-player > .dash > .controls > a[href="#back"]:hover, .music-player > .dash > .controls > a[href="#forward"]:hover { color: #FFF; text-shadow: 0 0 5px #BDBCBD; } .music-player > .dash > .info { position: absolute; bottom: 55px; left: 50%; width: 180px; margin: 0 0 0 -90px; text-align: center; font-family: Segoe UI, sans-serif; font-size: 12px; color: #FFF; cursor: default; } .music-player > .dash > .info > i { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; vertical-align: middle; font-size: 13px; font-style: normal; background: #201F22; border-radius: 10px; } .music-player > .dash > .info > label { display: block; margin: 18px 0 5px; } .music-player > .dash > .info > small { font-size: 10px } </style> <script src="/music/js/prefixfree.min.js"></script> </head> <body> <div class="music-player"> <img src="/music/css/wh8.jpg" class="album" /> <div class="dash"> <a href="#mute" class="fa fa-volume-up"></a> <span class="volume-level"> <em style="width: 75%"></em> </span> <a href="#share" class="fa fa-share"></a> <a href="#love" class="fa fa-heart"></a> <div class="seeker"> <div class="wheel"> <div class="progress"></div> </div> </div> <a href="#seek"></a> <div class="controls"> <a href="#back" class="fa fa-fast-backward"></a> <a href="#play" class="fa fa-pause"></a> <a href="#forward" class="fa fa-fast-forward"></a> </div> <div><br><br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <audio controls autoplay loop> <source src="https://vercel.rryyz.com/free163person/音乐视听/唯美纯音乐/117.风的誓言 (風の誓い) - 梁邦彦.mp3" type="audio/mpeg"> </audio> </div> <div class="info"> <i><span name="current">0:00</span> / <span name="duration">0:00</span></i> <label>唯美纯音乐</label> <small>117.风的誓言 (風の誓い) - 梁邦彦</small> </div> </div> </div> <script src='/music/js/jquery_and_jqueryui.js'></script> <script src="/music/js/index.js"></script> <div style="text-align:center;clear:both"> </div> </body> </html> Tue, 13 Feb 2018 16:00:00 +0000 https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080001.html https://agusmakmun.github.io/%E5%94%AF%E7%BE%8E%E7%BA%AF%E9%9F%B3%E4%B9%90/2018/02/13/1080001.html 唯美纯音乐 唯美纯音乐